// JavaScript Document
var activeTab;
var active_sTab;
var StabGroups;

Event.observe(window,'load',startTabs);
	
function startTabs(){ 
	activeTab = activeTab || 1;
	active_sTab = active_sTab || 1;
	//---------------------------------------------------------------------	
	var tabGroups = document.getElementsByClassName('SB_tabOFF');

	if (tabGroups){
	
		for (i=0; i < tabGroups.length ; i++  ) {
		//	Event.observe(tabGroups[i], 'click' , tabs.enter.bindAsEventListener(tabs));
			Event.observe(tabGroups[i], 'mouseover' , tabs.over.bindAsEventListener(tabs,''));
		//	Event.observe(tabGroups[i], 'mouseout' , tabs.out.bindAsEventListener(tabs,''));
		}
	}
	
	
	var tabGroups = document.getElementsByClassName('SB_tabON');


	if (tabGroups){
	
		for (i=0; i < tabGroups.length ; i++  ) {
		//	Event.observe(tabGroups[i], 'click' , tabs.enter.bindAsEventListener(tabs));
			Event.observe(tabGroups[i], 'mouseover' , tabs.over.bindAsEventListener(tabs,''));
		//	Event.observe(tabGroups[i], 'mouseout' , tabs.out.bindAsEventListener(tabs,''));
		}
	}
	
	//---------------------------------------------------------------------
	
	StabGroups = document.getElementsByClassName('SB_tabcontent');

	
	if (StabGroups){
		//alert('Totale gruppi: '+tabGroups.length);
		if(activeTab == 1){
			for (i=0; i < StabGroups.length ; i++  ) {
				$(StabGroups[i]).hide();
			}
			
			if(StabGroups.length > 0){
				//alert(activeTab)
				activeTab = $(StabGroups[0]).id.split('_')[2];
				$(StabGroups[0]).show();
			}
			
			//imposta stile on alla label attiva
			//Element.removeClassName($('SB_label_' + activeTab),'tabDx-OFF');
			//Element.addClassName($('SB_label_' + activeTab),'tabDx-ON');
		}else{
		
			for (i=0; i < StabGroups.length ; i++  ) {
				if ($(StabGroups[i]).id.split('_')[1] == activeTab) {
					$(StabGroups[i]).show();
				}else{
					$(StabGroups[i]).hide();
				}
			}
			
			//imposta stile on alla label attiva
			Element.removeClassName($('tabDx_' + activeTab),'tabDx-OFF');
			Element.addClassName($('tabDx_' + activeTab),'tabDx-ON');		
			Element.removeClassName($('SB_label_' + activeTab),'SB_tabOFF');
			Element.addClassName($('SB_label_' + activeTab),'SB_tabON');		
	
		}
	}
	
}

var tabs = {
	enter: function(event) {
		for (i=0; i < StabGroups.length ; i++  ) {
			$(StabGroups[i]).hide();
		}
		var myDiv = Event.findElement(event, 'div');
		var myCorner = $('SB_label_' + activeTab).previous();
	
		//spegne vecchio
		Element.removeClassName($('SB_label_' + activeTab),'SB_tabON');
		Element.addClassName($('SB_label_' + activeTab),'SB_tabOFF');
		Element.removeClassName(myCorner,'tabDx-ON');
		Element.addClassName(myCorner,'tabDx-OFF');
		$('SB_tabcontent_' +activeTab).hide();
		
		myCorner = myDiv.previous();
		//accende nuovo
		Element.removeClassName(myDiv,'SB_tabOFF');
		Element.addClassName(myDiv,'SB_tabON');
		Element.removeClassName(myCorner,'tabDx-OFF');
		Element.addClassName(myCorner,'tabDx-ON');
		$('SB_tabcontent_' + $(myDiv).id.split('_')[2]).show();
		
		//imposta activeTab per prossime chiamate
		activeTab =  $(myDiv).id.split('_')[2];

	}, //enter
	exit: function(event){
	},//exit
	over: function(event,myStyle){
		//var myDiv = Event.findElement(event, 'div');
		//Element.addClassName(myDiv,myStyle+'tabDXON');
		this.enter(event);
		
	},//over
	out: function(event,myStyle){
		var myDiv = Event.findElement(event, 'div');
		Element.removeClassName(myDiv,myStyle+'tabDx-ON');
	}//out
} //tabs