var activeTab;
var active_sTab;
var StabGroups;

Event.observe(window,'load',start);
	
function start(){ 
	activeTab = activeTab || 1;
	active_sTab = active_sTab || 1;
	
	//alert('start ->' + activeTab)
	
	var tabGroups = $('page').getElementsByClassName('tabcontent');

	if(activeTab == 1){

		for (i=0; i < tabGroups.length ; i++  ) {
			//$(tabGroups[i]).hide();
			$(tabGroups[i]).style.visibility='hidden';
			$(tabGroups[i]).style.height='0px';
		}
		
		if(tabGroups.length > 0){
			activeTab = $(tabGroups[0]).id.split('_')[1];
			//$(tabGroups[0]).show();
			$(tabGroups[0]).style.visibility='visible';
			$(tabGroups[0]).style.height='auto';
		}
		
		//imposta stile on alla label attiva
		Element.removeClassName($('label_' + activeTab),'tabOFF');
		Element.addClassName($('label_' + activeTab),'tabON');
	}else{

		for (i=0; i < tabGroups.length ; i++  ) {		
			if ($(tabGroups[i]).id.split('_')[1] == activeTab) {
				//$(tabGroups[i]).show();
				$(tabGroups[i]).style.visibility='visible';
				$(tabGroups[i]).style.height='auto';
			}else{
				//$(tabGroups[i]).hide();
				$(tabGroups[i]).style.visibility='hidden';
				$(tabGroups[i]).style.height='0px';
			}
		}
		
	
		//imposta stile on alla label attiva
		Element.removeClassName($('label_' + activeTab),'tabOFF');
		Element.addClassName($('label_' + activeTab),'tabON');		
	}
	

			//Tab OFF
	var tabGroups = $('page').getElementsByClassName('tabOFF');

	for (i=0; i < tabGroups.length ; i++  ) {
		Event.observe(tabGroups[i], 'click' , tabs.enter.bindAsEventListener(tabs));
	}
	
			//Tab ON
	var tabGroups = $('page').getElementsByClassName('tabON');

	for (i=0; i < tabGroups.length ; i++  ) {
		Event.observe(tabGroups[i], 'click' , tabs.enter.bindAsEventListener(tabs));
	}
		
}

var tabs = {
	enter: function(event) {
	
		var myDiv = Event.findElement(event, 'div');
			while (!$(myDiv).hasClassName('tabOFF') && myDiv.nodeName != 'HTML') 
			myDiv = myDiv.up();
		
		if(myDiv.nodeName=='HTML')return;
		//spegne vecchio
		Element.removeClassName($('label_' + activeTab),'tabON');
		Element.addClassName($('label_' + activeTab),'tabOFF');
		//$('tabcontent_' +activeTab).hide();
		if ($('tabcontent_' +activeTab)!=null){
			$('tabcontent_' +activeTab).style.visibility='hidden';
			$('tabcontent_' +activeTab).style.height='0px';
		}
		//accende nuovo
		Element.removeClassName(myDiv,'tabOFF');
		Element.addClassName(myDiv,'tabON');
		//$('tabcontent_' + $(myDiv).id.split('_')[1]).show();
		if ( $('tabcontent_' + $(myDiv).id.split('_')[1])    !=null){
			$('tabcontent_' + $(myDiv).id.split('_')[1]).style.visibility='visible';
			$('tabcontent_' + $(myDiv).id.split('_')[1]).style.height='auto';
		}
		//imposta activeTab per prossime chiamate
		activeTab =  $(myDiv).id.split('_')[1];
	}, //enter
	exit: function(event){
	}//exit
} //tabs



function selTabMan(IDTab){
		if(activeTab>1){
			Element.removeClassName($('label_' + activeTab),'tabON');
			Element.addClassName($('label_' + activeTab),'tabOFF');
			$('tabcontent_' +activeTab).hide();
		}
		
		//accende nuovo
		Element.removeClassName($('label_' + IDTab),'tabOFF');
		Element.addClassName($('label_' + IDTab),'tabON');
		$('tabcontent_' + IDTab).show();
	
		//imposta activeTab per prossime chiamate
		activeTab =  IDTab;
		
		//alert('man ->' + activeTab)
		ver_sActiveTab();
}


function sel_sTabMan(ID_sTab){
		if($('Stabcontent_' +active_sTab)){
			$('Stabcontent_' +active_sTab).hide();
			$('c' + active_sTab).checked = false;
		}
		//accende nuovo
		$('Stabcontent_' + ID_sTab).show();
		$('c' + ID_sTab).checked = true;		
		
		//imposta activeTab per prossime chiamate
		active_sTab =  ID_sTab;
}





function ver_sActiveTab(){
	var STabGr = $('frame').getElementsByClassName('STab' + activeTab);				//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