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

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

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

	//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('_')[2] == 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