var activeTab;
var active_sTab;
var StabGroups;

Event.observe(window,'load',startTabs);
	
function startTabs(){

	activeTab = activeTab || 1;
	active_sTab = active_sTab || 1;
	
	
	//---------------------------------------------------------------------	
	var tabGroups = $('frame').getElementsByClassName('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 = $('frame').getElementsByClassName('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,''));
	}
	
	var tabGroups = $('frame').getElementsByClassName('SB_tabOFF');

	for (i=0; i < tabGroups.length ; i++  ) {
		Event.observe(tabGroups[i], 'mouseover' , tabsSB.over.bindAsEventListener(tabsSB,'SB_'));
		Event.observe(tabGroups[i], 'mouseout' , tabsSB.out.bindAsEventListener(tabsSB,'SB_'));
	}


	var tabGroups = $('frame').getElementsByClassName('SB_tabON');

	for (i=0; i < tabGroups.length ; i++  ) {
		Event.observe(tabGroups[i], 'mouseover' , tabsSB.over.bindAsEventListener(tabsSB,'SB_'));
		Event.observe(tabGroups[i], 'mouseout' , tabsSB.out.bindAsEventListener(tabsSB,'SB_'));
	}
	//---------------------------------------------------------------------
	
	
	var tabGroups = $('frame').getElementsByClassName('tabcontent');
	var iframeGroups = $('frame').getElementsByClassName('iframe');
	StabGroups = $('frame').getElementsByClassName('Stabcontent');				//gruppo sotto tab
	

	//alert('Totale gruppi: '+tabGroups.length);
	if(activeTab == 1){
		for (i=0; i < StabGroups.length ; i++  ) {
			$(StabGroups[i]).hide();
		}
		
		for (i=0; i < tabGroups.length ; i++  ) {
			$(tabGroups[i]).hide();
		}
		
		if(tabGroups.length > 0){
			//alert(activeTab)
			activeTab = $(tabGroups[0]).id.split('_')[1];
			$(tabGroups[0]).show();
		}
		
		//imposta stile on alla label attiva
		Element.removeClassName($('label_' + activeTab),'tabOFF');
		Element.addClassName($('label_' + activeTab),'tabON');
	}else{
		for (i=0; i < StabGroups.length ; i++  ) {
			$(StabGroups[i]).hide();
		}
		for (i=0; i < tabGroups.length ; i++  ) {
			if ($(tabGroups[i]).id.split('_')[1] == activeTab) {
				$(tabGroups[i]).show();
			}else{
				$(tabGroups[i]).hide();
			}
		}
		
	
		//imposta stile on alla label attiva
		Element.removeClassName($('label_' + activeTab),'tabOFF');
		Element.addClassName($('label_' + activeTab),'tabON');		
	}
	

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

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

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

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

	
	//iframe
	var urlIframe;
	for (i=0; i < iframeGroups.length ; i++  ) {
		if(iframeGroups[i]){
			urlIframe = iframeGroups[i].innerHTML;
			iframeGroups[i].innerHTML = '<iframe src="' + urlIframe + '" width="610" height="2000" marginwidth="0" marginheight="0" frameborder="0"></iframe>';
		}
	}
		
}

var tabs = {
	enter: function(event) {
		for (i=0; i < StabGroups.length ; i++  ) {
			$(StabGroups[i]).hide();
		}
	
		var myDiv = Event.findElement(event, 'div');
		
		//spegne vecchio
		Element.removeClassName($('label_' + activeTab),'tabON');
		Element.addClassName($('label_' + activeTab),'tabOFF');
		$('tabcontent_' +activeTab).hide();
		
		//accende nuovo
		Element.removeClassName(myDiv,'tabOFF');
		Element.addClassName(myDiv,'tabON');
		$('tabcontent_' + $(myDiv).id.split('_')[1]).show();
		
		//imposta activeTab per prossime chiamate
		activeTab =  $(myDiv).id.split('_')[1];

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


var tabsSB = {
	enter: function(event) {
		for (i=0; i < StabGroups.length ; i++  ) {
			//$(StabGroups[i]).hide();
		}
	
		var myDiv = Event.findElement(event, 'div');
			/*
			while (!$(myDiv).hasClassName('tabOFF-OVER') && myDiv.nodeName != 'HTML') 
			myDiv = myDiv.up();
			*/
		
		//if(myDiv.nodeName=='HTML')return;
		
		//spegne vecchio
		Element.removeClassName($('label_' + active_sTab),'tabON');
		Element.addClassName($('label_' + active_sTab),'tabOFF');
		$('SB_tabcontent_' +active_sTab).hide();
		
		
		//accende nuovo
		Element.removeClassName(myDiv,'tabOFF');
		Element.addClassName(myDiv,'tabON');
		$('SB_tabcontent_' + $(myDiv).id.split('_')[1]).show();
		
		//imposta activeTab per prossime chiamate
		active_sTab=  $(myDiv).id.split('_')[1];

		//alert('click ->' + activeTab)
		
		ver_sActiveTab();
	}, //enter
	exit: function(event){
	},//exit
	over: function(event,myStyle){
		var myDiv = Event.findElement(event, 'div');
		Element.addClassName(myDiv,myStyle+'tabOFF-OVER');
		
	},//over
	out: function(event,myStyle){
		var myDiv = Event.findElement(event, 'div');
		Element.removeClassName(myDiv,myStyle+'tabOFF-OVER');
	}//out
} //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