/* Licuit Interactive SL */
/* main.css */
/* Created July, 2009 */
/* Modified July, 2009
--------------------------------------- */
Acordeon = new Class({
		
		options: {},
		openedElement: null,
		fx1: null,
		fx2: null,
		elementos : null,
		
		setup: function(){
			var tClass=this;
				this.elementos = $("homeAccordion").getElements(".botonAcordeon");
				for(var i=0; i < this.elementos.length; i++){
					this.elementos[i].addEvent("click",
							function(e){
								if(e.target.hasClass("botonAcordeon") == false)
									return;
									
								tClass.abrir(e.target);
							});
				}
				
				this.abrir(this.elementos[0]);
		
		},

	
		abrir : function(element){
			var tClass=this;

			if(tClass.openedElement != undefined && element == tClass.openedElement)
				return;		
			
			if(tClass.fx1 != undefined)
				tClass.fx1.cancel();
				
			delete tClass.fx1;
			tClass.fx1 = null;
			tClass.fx1 = new Fx.Tween(element, {duration: 500, transition: Fx.Transitions.Quad.easeOut});
		  	
			element.removeClass("off");	
				 	
			if(tClass.openedElement != undefined){
				setTimeout(function(){ tClass.fx1.start('width',String(287) + "px"); },210);
				
				if(tClass.fx2 != undefined)
					tClass.fx2.cancel();
					
				delete tClass.fx2;
				tClass.fx2 = null;
				tClass.fx2 = new Fx.Tween(this.openedElement, {duration:400, transition: Fx.Transitions.Quad.easeOut});
		  		tClass.fx2.start('width',"21px");
				
				tClass.openedElement.addClass("off");
			}else{
				tClass.fx1.set('width',String(287) + "px");
			}
			
			tClass.openedElement = element;
			
		}
	});
	
var acordeon = new Acordeon();
window.addEvent("domready",function(){acordeon.setup();});