window.addEvent('domready', function() {
//chiamata onload
var sub="inizio";
Espandi.initialize();
Espandi.inizio(sub);
Espandi.espandi(sub);
//lettura dell'ancora
	 if(window.location.hash)	{
	var ancora = window.location.hash.substr(1); 
          //togli lo zero
	   if (ancora.substr(0,1) == "0") ancora= window.location.hash.substr(2);
sub=ancora;
	 Espandi.espandi(sub);
	 }
});

	
var EspandiClass=new Class({
//contiene le variabili globali
initialize: function (options){
	this.options=options;
		submenus=this.submenus;
		alt=this.alt;
		nomeEl='.menu';
		//console.log(this.nomeElementi);
},

 espandi: function(sub) {
	
	var szNormal = 50, szSmall  = 0, szFull   = 219;
	
	 if (sub!='inizio' ){	
	var fx = new Fx.Elements(submenus, {wait: false, duration: 1000, transition: Fx.Transitions.Back.easeOut});
	submenus.each(function(submenu, i) { 

	if(submenu.id==sub) {
		var o = {}; //contiene le specifiche css da passare a start
		o[i] = {height: [submenu.getStyle("height").toInt(), alt[i].height]};
		
		submenus.each(function(other, j) {
			if(i != j) {
				var w = other.getStyle("height").toInt();
if(!$$('.menu .menu').contains($(sub))){
			if(w != szSmall) o[j] = {height: [w, szSmall]};			
			}
			}
			
		});
		fx.start(o);
	};
	});
	 };
 },

 inizio: function(sub){

submenus=$$(nomeEl);
//submenus=$$('.menu'); 
alt={}; 	
	 if (sub=='inizio'){

//chiudi tutto
	var fx = new Fx.Elements(submenus, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
	
	var o = {}; 
	submenus.each(function(submenu, i) { 
		alt[i]={height: submenu.getStyle("height").toInt()};	 
		o[i] = {height: [submenu.getStyle("height").toInt(), 0]}
	});	 
	
	fx.start(o);
}
}
	
})


//crea l'istanza
var Espandi= new EspandiClass({

nomeElementi:'.menu'

}
);


//chiamata onclick
function espandi(sub){

Espandi.espandi(sub);

}