//License: MIT-style license

var Portfolio = new Class({

	Implements:Events,

	initialize:function(){
		this.items = $$('#portfolio .item');
		this.initItems();
	},
	
	initItems:function(){
		this.items.each(function(item,i){

			var button = item.getElement('.button a');
			
			button.store('details',item.getElement('.details'));
			button.retrieve('details').setStyles({'overflow':'hidden','display':'block'});
			button.store('dHeight',button.retrieve('details').getSize().y);
			button.retrieve('details').setStyle('height',0);
			button.store('borderFx',new Fx.Morph(button,{link:'cancel', duration:'short' }));
			button.store('detailsFx',new Fx.Morph(button.retrieve('details'),{link:'cancel', duration:'short', transition:'sine:out'}));			
			button.set('state','closed');
			
			button.addEvents({
				
				'mouseover':function(e){
					var elem = $(e.target);
					if(elem.get('state') == 'closed'){
						elem.retrieve('borderFx').start({'border-bottom-width':12,'backgroundColor':'#aaacad;'});
					}
				}.bindWithEvent(this),
				
				'mouseout':function(e){
					var elem = $(e.target);
					if(elem.get('state') == 'closed'){
						elem.retrieve('borderFx').start({'border-bottom-width':0,'backgroundColor':'#ffffff;'});
					}
				}.bindWithEvent(this),
				
				'click':function(e){
					var elem = $(e.target);
					e.preventDefault();
					if(elem.get('state') == 'closed'){
						elem.retrieve('detailsFx').start({ 'height':elem.retrieve('dHeight'), 'margin-bottom':0 });
						elem.setStyle('color','#6d6e6f');
						elem.set('state','opened');
						elem.set('html','Chiudi');
					} else {
						elem.retrieve('detailsFx').start({ 'height':0, 'margin-bottom':0 });
						elem.setStyle('color','');
						elem.set('state','closed');
						elem.set('html','Dettaglio');
					}
				}.bindWithEvent(this)
			});//end button events
			
			var url = item.getElement('.url a');
			url.store('bgFx',new Fx.Tween(url,{property:'backgroundColor', link:'cancel', duration:'short'}));
			
			url.addEvents({
			
				'mouseover':function(e){
					var elem = $(e.target);
					elem.retrieve('bgFx').start('#aaacad;');
				}.bindWithEvent(this),
				
				'mouseout':function(e){
					var elem = $(e.target);
					elem.retrieve('bgFx').start('#ffffff;');
				}.bindWithEvent(this)
				
			});
			
			
		}.bind(this));	
	}
	
	///////
});//end Page

window.addEvent('domready',function(){
	var portfolio = new Portfolio();
	var pages = ['--','--']; 
	var loc = window.location.toString();
	var i = 0;
	pages.each(function(page,index){ if(loc.contains(page)){ i = index; } });
});