Event.observe(window,'load',start);
	
function start(){

	// °°°°°°° RIDIMENSIONAMENTO °°°°°°°
	var myMenu = document.getElementsByClassName('liv1');
	var myCols;
	var mySubCols;
	var myColWide;
	var addWide = 0;
	var myLenCols = 0;
	var myLabelPos = document.getElementsByClassName('Area');
	var menuPos = $('menu').cumulativeOffset()[0];
	var myWidth;
	var isMenuAss = false;

	if (myMenu){
		for (var k=0; k<myMenu.length; k++){
			myCols = myMenu[k].down('ul.submenu');

			if (myCols){
				while (myCols){
					myColWide = $(myCols).getElementsByClassName('wide');
					if (myColWide.length > 0) {
						for (var F=0; F < myColWide.length; F++){
							addWide += 155;
						}
					}else{
						addWide = 0;
					}

					var myList = $(myCols).getElementsByClassName('mySubM');
					if (myList.length == 0){
						myList = $(myCols).getElementsByClassName('mySubMAss');
						isMenuAss = true;
					}else{
						isMenuAss = false;
					}
					
					myLenCols = 0;
					if (!	isMenuAss){
						for (var j=0; j<myList.length;j++){
							myLenCols += ($(myList[j]).getWidth() + 20);
						}
					}else{
						if (myList.length > 0){
							myLenCols += ($(myList[0]).getWidth() + 20);
						}
					}
					
					//myWidth = Math.min(((myLenCols + 30) + addWide),960);
					myWidth = Math.min(((myLenCols + 30)),960);
					
					// obs menu
					Event.observe(myMenu[k], 'mouseover' , sezione.enter.bindAsEventListener(sezione));
					Event.observe(myMenu[k], 'mouseout' , sezione.exit.bindAsEventListener(sezione));
					if (myMenu[k].down('ul')) 
					{
						//if vociliv has class menu-on -> remove class  "ON" add class 'OFF'
						Element.removeClassName(myMenu[k],'menu-ON');
						Element.removeClassName(myMenu[k],'menu-OFF');
						Element.addClassName(myMenu[k],'menu-OFF');
						
						$(myMenu[k].down('ul')).hide();
					}
					////////
					
					
					$(myCols).style.width = myWidth +  'px';
					$(myCols).style.top = ($(myLabelPos[k]).cumulativeOffset()[1]-76) +  'px';
					
					if (parseInt((myLenCols + 30)) <= parseInt($(myLabelPos[k]).cumulativeOffset()[0])){
						$(myCols).style.left = (($(myLabelPos[k]).cumulativeOffset()[0] - menuPos)-(myLenCols / 2))+ 'px';
					}					
					
					myCols = myCols.next();
				}
			}
		}
	}
	// °°°°°°° END RIDIMENSIONAMENTO °°°°°°°


/*

	var vociLiv1 = document.getElementsByClassName('liv1');
	
	for(i=0; i<vociLiv1.length; i++){
		Event.observe(vociLiv1[i], 'mouseover' , sezione.enter.bindAsEventListener(sezione));
		Event.observe(vociLiv1[i], 'mouseout' , sezione.exit.bindAsEventListener(sezione));
		if (vociLiv1[i].down('ul')) 
			{
			//if vociliv has class menu-on -> remove class  "ON" add class 'OFF'
			Element.removeClassName(vociLiv1[i],'menu-ON');
			Element.removeClassName(vociLiv1[i],'menu-OFF');
			Element.addClassName(vociLiv1[i],'menu-OFF');
			
			$(vociLiv1[i].down('ul')).hide();
			}
	}	
*/

} //start




var sezione = {
	enter: function(event){
		//var containerDiv = Event.findElement(event, 'div');
		var containerDiv = $(Event.findElement(event,'li'))
		if (containerDiv.hasClassName('liv1')) 
		{
		var myMenu = $(containerDiv);
		} else {
			return;
		}
		
		
		
		//temporaneo da sostituire con "sezione attiva"
		var vociLiv1 = document.getElementsByClassName('liv1');
		for(var i=0; i<vociLiv1.length; i++){
			//if vociliv has class menu-on -> remove class  "ON" add class 'OFF'
			Element.removeClassName(vociLiv1[i],'menu-ON');
			Element.removeClassName(vociLiv1[i],'menu-OFF');
			Element.addClassName(vociLiv1[i],'menu-OFF');	
			
			
			if (vociLiv1[i].down('ul')) 
				{
				$(vociLiv1[i].down('ul')).hide();
				}
		}	
				
		//spengo sottomenu, cambio stile
		Element.removeClassName(myMenu,'menu-OFF');
		//Element.removeClassName(myMenu,'menu-ON');
		Element.addClassName(myMenu,'menu-ON');	
		
		var myPanel = myMenu.down('ul');
		if (myPanel) 
			{
			$(myPanel).show();
			//if myMenu has class menu-OFF -> remove class  "OFF" add class 'ON'

			}
		//alert(myMenu.id);
//		alert(myMenu.down('ul'));
		//alert($('menu').down('ul').down('ul'));
		
		
	}, //enter
	exit: function(event){
			var containerDiv = $(Event.findElement(event,'li.liv1'))  // li più esterno all'elemento che ha scatenato il mouseout			
			
			var destDiv =  $( (event.relatedTarget) ? event.relatedTarget : event.toElement ); //browser dipendent !!!
			//dest è il div che si trova sotto il mouse
			
			
			//se destdiv è contenuto in containerDiv --> return;
			if(Element.childOf(destDiv,containerDiv)) return;

			//se passa  è veramente uscito : si può nascondere il pannello
			if (containerDiv.hasClassName('liv1')) 
				{
					var myMenu = $(containerDiv);
				} else {
					return;
				}
			
			//spengo sottomenu, cambio stile
			//Element.removeClassName(myMenu,'menu-OFF');
			Element.removeClassName(myMenu,'menu-ON');
			Element.addClassName(myMenu,'menu-OFF');	

			var myPanel = myMenu.down('ul');
			if (myPanel) 
				{
				$(myPanel).hide();
				//if myMenu has class menu-OFF -> remove class  "OFF" add class 'ON'
				}

			}//exit
} //menuVoice






var tabMenu1 = {
	enter: function(event, voiceBaseStyle, onOff){
		var containerDiv = Event.findElement(event, 'div');
		//alert('stile: '+voiceBaseStyle+', onOff:'+onOff);
		//trovo il menu scatenante
		var myMenu = containerDiv
		while (!$(myMenu).hasClassName(voiceBaseStyle+'-'+onOff) && myMenu.nodeName != 'HTML') 
				myMenu = myMenu.up();	
		if(containerDiv == myMenu) {
			Element.removeClassName(myMenu,voiceBaseStyle+'-'+onOff);
			Element.addClassName(myMenu,voiceBaseStyle+'-OVER');
			//se esiste un submenu lo mostra
			sm = $(containerDiv).getElementsByClassName('submenu');
			if (sm.length > 0) sm[0].show();			
		}
	}, //enter
	exit: function(event, voiceBaseStyle, onOff){
		var myMenu = Event.findElement(event, 'div');
		//trovo il menu scatenante
		while (!$(myMenu).hasClassName(voiceBaseStyle+'-OVER') && myMenu.nodeName != 'HTML') 
				myMenu = myMenu.up();	
    	//trovo il menu di destinazione
		var destDiv =  $( (event.relatedTarget) ? event.relatedTarget : event.toElement ); //browser dipendent !!!
   		if(destDiv == null)return; //nessun oggetto
		
		while (destDiv!=myMenu && destDiv.nodeName != 'HTML') {// è di classe menu primo livello
			destDiv = destDiv.up();
		}
		if(destDiv == myMenu)return; //sempre interno, non fare niente
		
		//spengo sottomenu, cambio stile
		Element.removeClassName(myMenu,voiceBaseStyle+'-OVER');
		Element.addClassName(myMenu,voiceBaseStyle+'-'+onOff);		
		//se esiste un submenu lo nasconde
		sm = $(myMenu).getElementsByClassName('submenu');
		if (sm.length > 0) sm[0].hide();		
	}//exit
} //menuVoice