var activeTab = [];
Event.observe(window,'load',start);
	
function start(){

	var elements;
	var baseStyle;
	
	//TAB localita
	if ($('content') != null) {
		var elTabs = $('content').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('tabLoc');
		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('tabmenu-'+colorTab);
		for (i=0; i < tabs.length ; i++  ) {
			Event.observe(tabs[i], 'click' , tabsLocalita.enter.bindAsEventListener(tabsLocalita,e));
			Event.observe(tabs[i], 'mouseover' , tabsLocalita.over.bindAsEventListener(tabsLocalita,e));
			Event.observe(tabs[i], 'mouseout' , tabsLocalita.out.bindAsEventListener(tabsLocalita,e));
		}	

		tabs = $(elTabs[e]).getElementsByClassName('tabmenusel-'+colorTab);
		
		for (i=0; i < tabs.length ; i++  ) {
			Event.observe(tabs[i], 'click' , tabsLocalita.enter.bindAsEventListener(tabsLocalita,e));

			//Event.obs
		}//END Over su singolo Item
		
	}
	// TAB OFFERTE

} //start



var tabsLocalita = {
	enter: function(event,e) {
		var containerDiv = Event.findElement(event,'div');

		nuovoTab = $(containerDiv).id.split('_')[1];
		vecchioTab = activeTab[e];			


		if(activeTab[e] == $(containerDiv).id)return;
		
		if(containerDiv != null) {
			//nasconde il VECCHIODIV
			$('tabLoc_'+vecchioTab).hide();
			Element.removeClassName($('tabmenu_'+vecchioTab),'tabmenusel-'+colorTab);
			Element.addClassName($('tabmenu_'+vecchioTab),'cursorPointer');
			Element.addClassName($('tabmenu_'+vecchioTab),'tabmenu-'+colorTab);	
	
			//mostra il div e accende il Tab nuovo
			$('tabLoc_'+nuovoTab).show();
			Element.removeClassName($(+'tabmenu_'+nuovoTab),'tabmenu-'+colorTab);
			Element.addClassName($('tabmenu_'+nuovoTab),'tabmenusel-'+colorTab);
			Element.removeClassName($('tabmenu_'+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
	
} //tabsLocalita