var activeTab = [];
var active_sTab;
Event.observe(window,'load',start);
	
function start(){
	//alert("ingardaJs: onLoad");
	var elements;
	var baseStyle;
	var Nascondi;
	
        
	//var activeStyles = new Array('boxOut', 'boxShade', 'boxSearch', 'soggetto', 'boxOfferta', 'offerteList' , 'lista' , 'filter', 'stripIMG','photo' , 'video' , 'servizi');
	var activeStyles = new Array('boxOut', 'boxShade', 'boxSearch', 'boxOfferta', 'offerteList' , 'lista' , 'filter', 'stripIMG','photo' , 'video' , 'servizi');
	for (i=0; i < activeStyles.length; i++) {
		baseStyle = activeStyles[i];
		elements = document.getElementsByClassName(baseStyle);
		for (j=0; j < elements.length ; j++  ) {
				
			if ((!elements[j].hasClassName('noFeedBack')) && (elements[j].up().className != 'ElencoB')) {
				Event.observe(elements[j], 'mouseover' , box.enter.bindAsEventListener(box, baseStyle));
				Event.observe(elements[j], 'mouseout' , box.exit.bindAsEventListener(box, baseStyle));
				Event.observe(elements[j], 'click' , box.boxClick.bindAsEventListener(box, baseStyle));
			}	
		
		}
	}

	

	//CHECK CALENDAR'S DATE
	/*
	if ($('CalContainer') != null) 
	{		
		new Form.Element.Observer($('DataAl'),0.5,function(el, value){ 
	          confronta_data();
	        } );
	        
		new Form.Element.Observer($('Data'),0.5,function(el, value){ 
	          confronta_data();
	        } );	
	}
    */




	//NOTE BUTTON
	if ($('content') != null) 
		var noteButtons= $('content').getElementsByClassName('noteButton');
	else 
		var noteButtons= $('contentWide').getElementsByClassName('noteButton');

	for (i=0; i < noteButtons.length ; i++  ) {
		Event.observe(noteButtons[i], 'click' , NoteButton.click.bindAsEventListener(NoteButton));
		Event.observe(noteButtons[i], 'mouseover' , NoteButton.enter.bindAsEventListener(NoteButton));
		Event.observe(noteButtons[i], 'mouseout' , NoteButton.exit.bindAsEventListener(NoteButton));
		
	}
	
	//TOPMENU
	var vociLiv1= $('menutop').getElementsByClassName('menutop-OFF');
	for (i=0; i < vociLiv1.length ; i++  ) {
		Event.observe(vociLiv1[i], 'mouseover' , menuTop.enter.bindAsEventListener(menuTop));
		Event.observe(vociLiv1[i], 'mouseout' , menuTop.exit.bindAsEventListener(menuTop));
		//spegne i submenu (ozionale...)
		sm = $(vociLiv1[i]).getElementsByClassName('submenu');
		if (sm.length > 0) sm[0].hide();
	}
	vociLiv1= $('menutop').getElementsByClassName('menutop-ON');
	for (i=0; i < vociLiv1.length ; i++  ) {
		Event.observe(vociLiv1[i], 'mouseover' , menuTop.enter.bindAsEventListener(menuTop));
		Event.observe(vociLiv1[i], 'mouseout' , menuTop.exit.bindAsEventListener(menuTop));
		//spegne i submenu (ozionale...)
		sm = $(vociLiv1[i]).getElementsByClassName('submenu');
		if (sm.length > 0) sm[0].hide();
	}

	//SIDEMENU
	//level 1
	var vociLiv1= $('navbar').getElementsByClassName('menuLiv1-OFF');
	var vociOn = $('navbar').getElementsByClassName('menuLiv1-ON');
	var vociOff = $('navbar').getElementsByClassName('menuLiv1-OFF');
	if ((vociOn.length == 0) && (vociOff.length == 0)){
		$('menu').hide();		
	}
	for (i=0; i < vociLiv1.length ; i++  ) {
		Event.observe(vociLiv1[i], 'mouseover' , menuVoice.enter.bindAsEventListener(menuVoice, 'menuLiv1', 'OFF'));
		Event.observe(vociLiv1[i], 'mouseout' , menuVoice.exit.bindAsEventListener(menuVoice, 'menuLiv1', 'OFF'));
	}
	vociLiv1= $('navbar').getElementsByClassName('menuLiv1-ON');
	for (i=0; i < vociLiv1.length ; i++  ) {
		Event.observe(vociLiv1[i], 'mouseover' , menuVoice.enter.bindAsEventListener(menuVoice, 'menuLiv1', 'ON'));
		Event.observe(vociLiv1[i], 'mouseout' , menuVoice.exit.bindAsEventListener(menuVoice, 'menuLiv1', 'ON'));
	}
	
	//level 2
	var vociLiv1= $('navbar').getElementsByClassName('menuLiv2-OFF');
	for (i=0; i < vociLiv1.length ; i++  ) {
		Event.observe(vociLiv1[i], 'mouseover' , menuVoice.enter.bindAsEventListener(menuVoice, 'menuLiv2', 'OFF'));	
		Event.observe(vociLiv1[i], 'mouseout' , menuVoice.exit.bindAsEventListener(menuVoice, 'menuLiv2', 'OFF'));
	}
	vociLiv1= $('navbar').getElementsByClassName('menuLiv2-ON');
	for (i=0; i < vociLiv1.length ; i++  ) {
		Event.observe(vociLiv1[i], 'mouseover' , menuVoice.enter.bindAsEventListener(menuVoice, 'menuLiv2', 'ON'));
		Event.observe(vociLiv1[i], 'mouseout' , menuVoice.exit.bindAsEventListener(menuVoice, 'menuLiv2', 'ON'));
		//Event.observe(vociLiv1[i], 'mouseout' , menuSide2.exitON.bindAsEventListener(menuSide2));
	}
	
	//level 3
	var vociLiv1= $('navbar').getElementsByClassName('menuLiv3-OFF');
	for (i=0; i < vociLiv1.length ; i++  ) {
		Event.observe(vociLiv1[i], 'mouseover' , menuVoice.enter.bindAsEventListener(menuVoice, 'menuLiv3', 'OFF'));	
		Event.observe(vociLiv1[i], 'mouseout' , menuVoice.exit.bindAsEventListener(menuVoice, 'menuLiv3', 'OFF'));
	}
	vociLiv1= $('navbar').getElementsByClassName('menuLiv3-ON');
	for (i=0; i < vociLiv1.length ; i++  ) {
		Event.observe(vociLiv1[i], 'mouseover' , menuVoice.enter.bindAsEventListener(menuVoice, 'menuLiv3', 'ON'));
		Event.observe(vociLiv1[i], 'mouseout' , menuVoice.exit.bindAsEventListener(menuVoice, 'menuLiv3', 'ON'));
		//Event.observe(vociLiv1[i], 'mouseout' , menuSide2.exitON.bindAsEventListener(menuSide2));
	}
	

	
	//TABS
	if ($('content') != null){ 		
		var StabGroups = $('content').getElementsByClassName('sTab');		//sottotab
		var elTabs = $('content').getElementsByClassName('tabEl');		
	 }else{
		var elTabs = $('contentWide').getElementsByClassName('tabEl');		
		var StabGroups = $('contentWide').getElementsByClassName('sTab');		//sottotab
	}

	for (i=0; i < StabGroups .length ; i++  ) {
		Event.observe(StabGroups[i], 'click' , sTabs.enter.bindAsEventListener(sTabs));
	}
	
	var maxHeight;
	var tabGroups;
	var tabs;
	var group;
	var StabGroups;
	var s;

	for (e=0; e < elTabs.length ; e++  ) {
		//START Show/Hide iniziale
		tabGroups = $(elTabs[e]).getElementsByClassName('tabGroup');		
		activeTab[e] = null;
		//alert(tabGroups.length);
		for (i=0; i < tabGroups.length ; i++  ) {
			group = $(tabGroups[i]).id.split('_')[1];
			StabGroups = $(tabGroups[i]).getElementsByClassName('Stabcontent');					
			if(activeTab[e] == null) 
			{
				activeTab[e] = group;
				$(tabGroups[i]).show();
				if (StabGroups != null){
					for (s=0; s < StabGroups.length ; s++  ) {
						if (s==0){
							// accendo il primo sottotab del tab attivo
							$(StabGroups[s]).show();
						}else{
							// spengo gli altri sottotab del tab attivo
							$(StabGroups[s]).hide();
						}
					}	
				}
				//imposta anche lo stile del tab (li) a on
			} else {
				$(tabGroups[i]).hide();
				if (StabGroups != null){
					for (s=0; s < StabGroups.length ; s++  ) {
						// spengo i sottotab dei tab non attivi
						if (s==0){
							// accendo il primo sottotab del tab in ciclo
							$(StabGroups[s]).show();
						}else{					
							// spengo gli altri sottotab del tab in ciclo
							$(StabGroups[s]).hide();
						}
					}					
				}
				//imposta anche lo stile del tab (li) a off
			}
		}//END Show/Hide iniziale
		
	
		
		//START Over su singolo Item
		tabs = $(elTabs[e]).getElementsByClassName('tabItem');
		for (i=0; i < tabs.length ; i++  ) {
			Event.observe(tabs[i], 'mouseover' , tabsOfferte.enter.bindAsEventListener(tabsOfferte,e));
		}	

		tabs = $(elTabs[e]).getElementsByClassName('tabItem-OVER');
		
		for (i=0; i < tabs.length ; i++  ) {
			Event.observe(tabs[i], 'mouseover' , tabsOfferte.enter.bindAsEventListener(tabsOfferte,e));
			//Event.obs
		}//END Over su singolo Item
		
	/*	
		//START Controllo l'altezza dei Tab
		maxHeight = 0;
		for (i=0; i < tabGroups.length ; i++  ) {
			maxHeight = Math.max(Element.getDimensions($(tabGroups[i])).height,maxHeight);
		}

		maxHeight += 'px';
		
		for (i=0; i < tabGroups.length ; i++  ) {
				Element.setStyle($(tabGroups[i]),{height: maxHeight});
		}//END Controllo l'altezza dei Tab
	*/
	}
	// TAB OFFERTE
	
	
	//BOX EVIDENZA HP
	if ($('content') != null) 
		var boxEvidenza= $('content').getElementsByClassName('myBoxEv');
	else 
		var boxEvidenza= $('contentWide').getElementsByClassName('myBoxEv');

	for (var i=0; i < boxEvidenza.length ; i++  ) {
		Event.observe(boxEvidenza[i], 'mouseover' , boxEvidenzaSkills.enter.bindAsEventListener(boxEvidenzaSkills,boxEvidenza[i].id,boxEvidenza[i]));
		Event.observe(boxEvidenza[i], 'mouseout' , boxEvidenzaSkills.exit.bindAsEventListener(boxEvidenzaSkills,boxEvidenza[i].id,boxEvidenza[i]));
		Event.observe(boxEvidenza[i], 'click' , boxEvidenzaSkills.click.bindAsEventListener(boxEvidenzaSkills,boxEvidenza[i].id,boxEvidenza[i]));
	}
	
	


} //start





var menuVoice = {
	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


//box evidenza
var boxEvidenzaSkills = {

	enter: function (event, IDE, boxEvidenza){
	
				// visualizzazione del testo 
				var myID = IDE.split("_")[1];
				
				if ($('txt_'+myID)){
					if ( $('txt_'+myID).innerHTML  != "") { 
						$('txt_'+myID).style.display = 'block';
					}	
				}
				
				//manina
				urlDivs = $(boxEvidenza).getElementsByClassName('mainUrl');
				if (urlDivs.length > 0) { 
				
					if (  ($(urlDivs[0]).firstChild)  &&   ( $(urlDivs[0]).firstChild.nodeValue != '')){
						boxEvidenza.style.cursor = 'pointer';
						//alert($(urlDivs[0]).firstChild.nodeValue);
					}	
				}
				
	
	},
	
	exit: function (event, IDE, boxEvidenza){
				
				// nascondere testo
				var myID = IDE.split("_")[1];
				
				if ($('txt_'+myID)){
					if ( $('txt_'+myID).innerHTML  != "") {
						$('txt_'+myID).style.display = 'none';
					}
				}
	},
	
	click: function (event, IDE, boxEvidenza){
				//cliccando sull'intero div vado al link contenuto nel div mainUrl
				urlDivs = $(boxEvidenza).getElementsByClassName('mainUrl');
				if (urlDivs.length > 0) { 
					
					if ($(urlDivs[0]).firstChild.nodeValue != ''){
						document.location = $(urlDivs[0]).firstChild.nodeValue;
					}	
				}
	}
}



var box = {
	boxClick: function(event, stileBase){
		//se click su un href esci e segui il browser 

		var elemento = Event.findElement(event,'a');
		if (elemento != null) {
			return;
			//alert('A href:'+$(elemento).id + ', '+$(elemento).nodeName);
		}
		
		//se click su un checkbox esci e segui il browser 		

		var elementoChkBox = Event.findElement(event,'input');
		if (elementoChkBox != null) {
			return;
			//alert('A href:'+$(elemento).id + ', '+$(elemento).nodeName);
		}	
		
		//trovo il div scatenante
		var containerDiv = Event.findElement(event,'div');
		var myDiv = containerDiv;
	
		while (!$(myDiv).hasClassName(stileBase+'-OVER') && myDiv.nodeName != 'HTML') 
				myDiv = myDiv.up();	
		if(myDiv.nodeName == 'HTML')return;

		urlDivs = $(myDiv).getElementsByClassName('mainUrl');
		if (urlDivs.length > 0) { 
			//alert('goto url:' + $(urlDivs[0]).firstChild.nodeValue );
			document.location = $(urlDivs[0]).firstChild.nodeValue;
				
		}
	}, //myFunc
	enter: function(event, stileBase){
		//alert('Offerta enter');	
		var containerDiv = Event.findElement(event, 'div');
		var myDiv = containerDiv;
		
		//trovo il div scatenante
		if ( !($(myDiv).hasClassName(stileBase)))
			myDiv = $(containerDiv).up('div.'+stileBase);
		if(myDiv==null)return;

		//cambio stile
		Element.removeClassName(myDiv,stileBase);
		Element.addClassName(myDiv,stileBase+'-OVER');
		
		urlDivs = $(myDiv).getElementsByClassName('mainUrl');
		if (urlDivs.length > 0) { 
			Element.addClassName(myDiv,'cursorPointer');				
		}


	}, //enter
	exit: function(event, stileBase){
		//alert('Box exit');	

		var myDiv = Event.findElement(event, 'div');
		var cDiv = Event.findElement(event, 'div');;


		if (  !($(myDiv).hasClassName(stileBase+'-OVER'))   )
			myDiv = $(cDiv).up('div.'+stileBase+'-OVER');
		var mustExit = ($(myDiv)==null);

		if ($(myDiv)==null) return;		

		//trovo il div di destinazione e esco se interno a box
		var destDiv =  $( (event.relatedTarget) ? event.relatedTarget : event.toElement ); //browser dipendent !!!
   		if(destDiv == null)return; //nessun oggetto
		while (destDiv!=myDiv && destDiv.nodeName != 'HTML') {// Ã¨ di classe menu primo livello
			destDiv = destDiv.up();
		}
		if(destDiv == myDiv)return; //interno: esci
		//il div di destinazione Ã¨ esterno, cambio stile
		Element.removeClassName(myDiv,stileBase+'-OVER');
		Element.removeClassName(myDiv,'cursorPointer');
		Element.addClassName(myDiv,stileBase);		
	}//exit
} //box

var tabsOfferte = {
	enter: function(event,e) {
		var containerDiv = Event.findElement(event,'div');
		//alert('cont:' + $(containerDiv).id);

		nuovoTab = $(containerDiv).id.split('_')[1];
		vecchioTab = activeTab[e];			
		//alert('Vecchio, nuovo: '+vecchioTab+', '+nuovoTab);

		if(activeTab[e] == $(containerDiv).id)return;
		
		if(containerDiv != null) {

			//nasconde il VECCHIODIV
			//alert("vecchiotab"+vecchioTab);
			if($('tabGroup_'+vecchioTab)){
				$('tabGroup_'+vecchioTab).hide();
				Element.removeClassName($('tab_'+vecchioTab),'tabItem-OVER');
				Element.removeClassName($('tab_'+vecchioTab),'cursorPointer');
				Element.addClassName($('tab_'+vecchioTab),'tabItem');	
			}
	
			//mostra il div e accende il Tab nuovo
			if($('tabGroup_'+nuovoTab)){
				$('tabGroup_'+nuovoTab).show();
				Element.removeClassName($(+'tab_'+nuovoTab),'tabItem');
				Element.addClassName($('tab_'+nuovoTab),'tabItem-OVER');
				Element.addClassName($('tab_'+nuovoTab),'cursorPointer');
			}

				
			//riassegna il valore ad activeTab
			activeTab[e] = nuovoTab;
			//alert("pausa");
			ver_sActiveTab(activeTab[e]);
		}
	}, //enter
	exit: function(event){
	}//exit
} //tabsOfferte

var menuTop = {
	enter: function(event){
		var containerDiv = Event.findElement(event, 'div');
		//trovo il menu scatenante
		var myMenu = containerDiv
		while (!$(myMenu).hasClassName('menutop-OFF') && myMenu.nodeName != 'HTML') 
				myMenu = myMenu.up();	
		if(containerDiv == myMenu) {
			Element.removeClassName(myMenu,'menutop-OFF');
			Element.addClassName(myMenu,'menutop-ON');
			//se esiste un submenu lo mostra
			sm = $(containerDiv).getElementsByClassName('submenu');
			if (sm.length > 0) sm[0].show();			
		}
		
		//Nascondo gli input SELECT
		if ($('content') != null) 
			var mySelect = $('content').getElementsByTagName("select");
		 else 
			var mySelect = $('contentWide').getElementsByTagName("select");

		if (mySelect){
			for (var i=0; i<mySelect.length; i++)
			  {
			    mySelect[i].style.visibility='hidden';
			  }
		}
		
	}, //enter
	exit: function(event){
		var myMenu = Event.findElement(event, 'div');
		
		//trovo il menu scatenante (alternativa )
		var upTo = $(myMenu).up('div.menutop-ON');
    	if (upTo != null) myMenu = upTo;
    	
    	//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,'menutop-ON');
		Element.addClassName(myMenu,'menutop-OFF');		
		//se esiste un submenu lo nasconde
		sm = $(myMenu).getElementsByClassName('submenu');
		if (sm.length > 0) sm[0].hide();
		
		//Mostro gli input SELECT
		if ($('content') != null) 
			var mySelect = $('content').getElementsByTagName("select");
		 else 
			var mySelect = $('contentWide').getElementsByTagName("select");
			
		if (mySelect){
			for (var i=0; i<mySelect.length; i++)
			  {
			    mySelect[i].style.visibility='visible';
			  }
		}


		
	}//exit
} //menuTab



var NoteButton = {

	click: function(event){
		var myButton = Event.findElement(event, 'div');
		var myArrow = myButton.down().innerHTML;
		//var myArrowUp = Event.findtext(event, '&#9650;');
		var downChar = String.fromCharCode(9660);
		var upChar = String.fromCharCode(9650);
		
		var downCharPos = myArrow.indexOf(downChar);		
		var upCharPos = myArrow.indexOf(upChar);
		
		//componi nuova stringa: parte sinistra fino a posizione freccia cercata + carattere freccia sostitutiva
		if (upCharPos >= 0)	
			myArrow = myArrow.split(upChar)[0]+downChar+myArrow.split(upChar)[1]
		else if (downCharPos >= 0)
			myArrow = myArrow.split(downChar)[0]+upChar+myArrow.split(downChar)[1]
		
		myButton.down().innerHTML = myArrow;		
		
		$(myButton).next().toggle(); //cambio lo stato della visibilità del div
		
	},	//click
	
	enter: function(event){
		var myButton = Event.findElement(event, 'div');
		//Element.addClassName($(myButton),'cursorPointer');	
	},	//enter
	
	exit: function(event) {
		var myButton = Event.findElement(event, 'div');
		//Element.removeClassName($(myButton),'cursorPointer');
	}	//exit

}//NoteButtonClick


function wPrenota(Url)
{
	window.open(Url,0,"Width=650,Height=600,Top=10,Left=10,resizable=yes,scrollbars=yes");
}
	
	
	
function ver_sActiveTab(active_Tab){
	var STabGr = $('content').getElementsByClassName('STab' + active_Tab);				//gruppo sotto tab selezionato
		if (STabGr.length > 0){
			if($('c' + active_sTab)){
				$('c' + active_sTab).checked = false;
			}

			active_sTab =  $(STabGr[0]).id.split('_')[1];
						
			$('Stabcontent_' + active_sTab).show();
			if($('c' + active_sTab))$('c' + active_sTab).checked = true;
		}
}
	
	
var sTabs = {
	enter: function(event) {
		var nSel
		var myDiv = Event.findElement(event, 'div');
			while (!$(myDiv).hasClassName('sTab') && myDiv.nodeName != 'HTML') 
			myDiv = myDiv.up();
					
		if(myDiv.nodeName=='HTML')return;
		//spegne vecchio
		if($('Stabcontent_' +active_sTab)){
			$('Stabcontent_' +active_sTab).hide();
			$('c' + active_sTab).checked = false;
		}
		//accende nuovo
		nSel = $(myDiv).id.split('_')[1]
		$('Stabcontent_' + nSel).show();
		$('c' + nSel).checked = true;		

		
		//imposta activeTab per prossime chiamate
		active_sTab =  nSel;
		
	}, //enter
	exit: function(event){
	}//exit
} //sotto tabs


