//if (!document.addEventListener && document.attachEvent) { Object.prototype.addEventListener = function(event, func, capture, target) { if (target.attachEvent) { target.attachEvent('on'+event, func); } } }
function Portfolio() {this.init();}
Portfolio.prototype = {
	init: function() {},
	load: function(url) {
		var json = new Json();
		json.addEventListener('complete', this.output, false);
		json.load('js/projects.json');
	},
	output: function(e) {
		var data = e.parent.data;
		data.reverse();
		//console.log('output', e.parent.data);
		var parent = document.getElementById('navigation');
		parent.innerHTML = '';
		for (var i=0; i<data.length; i++) {
			var item = data[i];
			item.template = '<a href="#/item.num"><img src="item.thumb" alt="" /><h1>item.title</h1><h2>item.clients</h2></a>';
			item.type = 'li';
			item.num = i;
			var book = new Book(item);
			parent.appendChild(book.target);
			if (i==0) { book.show(); }
		}
	},
	clean: function(value) {
		return value.toLowerCase().replace(new RegExp(' ', 'g'), '-');
	},
	template: function(template, data) {for (var item in data) {template = template.replace(new RegExp('item.'+item, 'g'), data[item]);}return template;}
}