ÿþEvent.observe(window,'load',start);

	

function start(){



	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.submenuTop');



			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);

					

					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]-40) +  'px';

					

					if (parseInt((myLenCols + 30)) <= parseInt($(myLabelPos[k]).cumulativeOffset()[0])){

						//$(myCols).style.left = (($(myLabelPos[k]).cumulativeOffset()[0] - menuPos)-(myLenCols / 2))+ 'px';

					}					

					

					myCols = myCols.next();

				}

			}

			

			

			// obs menu

			Event.observe(myMenu[k], 'mouseover' , sezione.enter.bindAsEventListener(sezione));

			Event.observe(myMenu[k], 'mouseout' , sezione.exit.bindAsEventListener(sezione));

			

			

		}

	}



} //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-OVER');

			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-OVER');	

		

		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'))  

			

			var destDiv =  $( (event.relatedTarget) ? event.relatedTarget : event.toElement ); //browser dipendent !!!



			

			



			if(Element.childOf(destDiv,containerDiv)) return;





			if (containerDiv.hasClassName('liv1')) 

				{

					var myMenu = $(containerDiv);

				} else {

					alert('a che serve?');

					return;

				}

			

			//spengo sottomenu, cambio stile

			//Element.removeClassName(myMenu,'menu-OFF');

			Element.removeClassName(myMenu,'menu-OVER');

			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') {

			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