window.addEvent('load', function() {

	//Gestisco il menù animato nel menù a SX nei contenuti
	//Metto in una variabile l'array della lista
	var listTabs = $('left').getChildren('ul');
	listTabs = listTabs[0].getChildren('li');

	//Creo un evento per OGNI elemento LI
	listTabs.each(function(el){
	
	    //Variabile che contiene l'altezza base delle tabs
	    var tabsHeight = 20;
	    //Se esiste un qualsiasi primo elemento all'interno di LI esegue la funzione:
	    if(el.getFirst('div')){
	        //Riattribuisco a tabsHeight l'altezza degli elementi interni a LI
	        //Utilizzo il getFirst perchè restituisce UN solo elemento. getChildren restituisce un array e avrei
	        //dovuto utilizzare un each()
		    tabsHeight = el.getFirst('div').getSize().y;
	        //Se l'elemento corrente ID "currentOpen" gli setto l'altezza fissa e lascio aperto il tabs
	        if(el.get('id') == 'currentOpen'){ el.setStyle('height', tabsHeight) }
	    }
	    
		// Se l'elemento corrente è "currentOpen" non assegno mouseenter e mouseleave
	    if(el.get('id') != 'currentOpen'){
		    el.addEvent('mouseenter', function(){
			        //Setto a LI l'altezza dell'elemento al suo interno
			        this.set('tween', {transition: Fx.Transitions.Sine.easeOut});
			        this.set('tween', {duration: 600});
			        this.tween('height', tabsHeight);
		    })
		    el.addEvent('mouseleave', function(){
			        this.tween('height', '20px');
		    })
		}
	
	});
		
	

// Chiusura del LOAD
});