var activeTab = [];
Event.observe(window,'load',start);
	
function start(){
	//alert("ingardaJs: onLoad");
	var elements;
	var baseStyle;
	
	//Bottone Richiesta Info in scheda Localita
	if ($('framecontent') != null)
		var InfoButton= $('framecontent').getElementsByClassName('buttonInfoLoc');
	else
		var InfoButton= $('contentWide').getElementsByClassName('buttonInfoLoc');
	
	for (k=0; k < InfoButton.length ; k++  ) {
		Event.observe(InfoButton[k], 'click' , InfoButtonOpenTab.click.bindAsEventListener(InfoButtonOpenTab));
		Event.observe(InfoButton[k], 'mouseover' , InfoButtonOpenTab.over.bindAsEventListener(InfoButtonOpenTab));
		Event.observe(InfoButton[k], 'mouseout' , InfoButtonOpenTab.out.bindAsEventListener(InfoButtonOpenTab));
	}


	//TAB OFFERTE
	if ($('framecontent') != null) 
		var elTabs = $('framecontent').getElementsByClassName('tabEl'); 
	 else 
		var elTabs = $('contentWide').getElementsByClassName('tabEl');
	
	var maxHeight;
	var tabGroups;
	var tabs;
	var group;

	for (e=0; e < elTabs.length ; e++  ) {
		//START Show/Hide iniziale
		tabGroups = $(elTabs[e]).getElementsByClassName('tabGroup');
		activeTab[e] = null;
		for (i=0; i < tabGroups.length ; i++  ) {
			group = $(tabGroups[i]).id.split('_')[1];
			if(activeTab[e] == null) 
			{
				activeTab[e] = group;
				$(tabGroups[i]).show();
				//imposta anche lo stile del tab (li) a on
			} else {
				$(tabGroups[i]).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], 'click' , tabsOfferte.enter.bindAsEventListener(tabsOfferte,e));
			Event.observe(tabs[i], 'mouseover' , tabsOfferte.over.bindAsEventListener(tabsOfferte,e));
			Event.observe(tabs[i], 'mouseout' , tabsOfferte.out.bindAsEventListener(tabsOfferte,e));
		}	

		tabs = $(elTabs[e]).getElementsByClassName('tabItem-OVER');
		
		for (i=0; i < tabs.length ; i++  ) {
			Event.observe(tabs[i], 'click' , 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

} //start



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);
			$('tabGroup_'+vecchioTab).hide();
			Element.removeClassName($('tab_'+vecchioTab),'tabItem-OVER');
			Element.addClassName($('tab_'+vecchioTab),'cursorPointer');
			Element.addClassName($('tab_'+vecchioTab),'tabItem');	
	
			//mostra il div e accende il Tab nuovo
			$('tabGroup_'+nuovoTab).show();
			Element.removeClassName($(+'tab_'+nuovoTab),'tabItem');
			Element.addClassName($('tab_'+nuovoTab),'tabItem-OVER');
			Element.removeClassName($('tab_'+nuovoTab),'cursorPointer');

				
			//riassegna il valore ad activeTab
			activeTab[e] = nuovoTab;
			//alert("pausa");
			
		}
	}, //enter
	exit: function(event){
	},//exit
	
	over: function(event){
		var mydiv = Event.findElement(event,'div');
		Element.addClassName(mydiv,'cursorPointer');
	},//exit
	
	out: function(event){
		var mydiv = Event.findElement(event,'div');
		Element.removeClassName(mydiv,'cursorPointer');
	}//exit
	
} //tabsOfferte




var InfoButtonOpenTab = {

	click: function(event){

		var myTab = document.getElementsByClassName('tabItem');
		var oldTab = document.getElementsByClassName('tabItem-OVER');
		var myGroup;
		
		for (i=0; i < myTab.length; i++){
			if (myTab[i].id.split('_')[1] == '698'){
				myGroup = $('tabGroup_'+myTab[i].id.split('_')[1]);
				
				//spegne il div e il Tab vecchio
				for (j=0; j < oldTab.length; j++){
					$('tabGroup_'+oldTab[j].id.split('_')[1]).hide();
					A = oldTab[j].id.split('_')[1];
					Element.removeClassName($('tab_'+oldTab[j].id.split('_')[1]),'tabItem-OVER');
					Element.removeClassName($('tab_'+oldTab[j].id.split('_')[1]),'cursorPointer');
					Element.addClassName($('tab_'+oldTab[j].id.split('_')[1]),'tabItem');
				}				

				//mostra il div e accende il Tab nuovo
				myGroup.show();
				Element.removeClassName($(+'tab_'+myTab[i].id.split('_')[1]),'tabItem');
				Element.addClassName($('tab_'+myTab[i].id.split('_')[1]),'tabItem-OVER');
				Element.addClassName($('tab_'+myTab[i].id.split('_')[1]),'cursorPointer');

				//riassegna il valore ad activeTab
				activeTab[0] = myTab[i].id.split('_')[1];
			}

		}

	},	//click
	
	over: function(event){
		var mydiv = Event.findElement(event,'div');
		Element.addClassName(mydiv,'cursorPointer');
	},//exit
	
	out: function(event){
		var mydiv = Event.findElement(event,'div');
		Element.removeClassName(mydiv,'cursorPointer');
	}//exit
}