//********************************************************************************//
//  TAB HANDLING                                                                  //
//********************************************************************************//

var myTabArray = new Array();

function addTab(theTabHeader, theTabData,theContainerPane) {
	myTabArray[myTabArray.length] = new tabItem(theTabHeader, theTabData,theContainerPane);
	/*alert("inserting " + theTabData); */
}

function getTabFromName(theName) {
	for (var i = 0; i < myTabArray.length; i++) {
		if (theName==myTabArray[i].myTabData)
			return myTabArray[i];
	}
	return null;
}

function tabItem(theTabHeader, theTabData,theContainerPane)
{
	this.myTabHeader = theTabHeader;
	this.myTabData = theTabData;
	this.myContainerPane = theContainerPane;
}

// Loop through each tab to change the appearance (class)
function setTab(theName,theContainerPane,tabOnly)
{
/*	alert("saetter tab "+theName ); */
	if (myTabArray == null)
		return;
		
	if (tabOnly==null) tabOnly=false;	
		
	var aSetElemData=null;
	var aSetElemHdr=null;

	for (var i = 0; i < myTabArray.length; i++)
	{
		var hdr  = myTabArray[i].myTabHeader;
		var hdr_left= myTabArray[i].myTabHeader+"_left";		
		var hdr_right = myTabArray[i].myTabHeader+"_right";				
		var data = myTabArray[i].myTabData;
		var aContainerPane = myTabArray[i].myContainerPane;
		
// 		alert(myTabArray[i].myTabHeader+"_left");
		
		if (aContainerPane!=theContainerPane) 
			continue;

		if (theName==data)
		{
			/*alert("fundet");*/
			// get header and data area.
			aSetElemData = document.getElementById(data);
			aSetElemHdr = document.getElementById(hdr);
			aSetElemHdrLeft = document.getElementById(hdr_left);
			aSetElemHdrRight = document.getElementById(hdr_right);			
				
			if (aSetElemData!=null && !tabOnly) aSetElemData.className ='pageContent';
			if (aSetElemHdr!=null) aSetElemHdr.className ='activeTab';
			if (aSetElemHdrLeft!=null) aSetElemHdrLeft.className ='activeTabSide';
			if (aSetElemHdrRight!=null) aSetElemHdrRight.className ='activeTabSide';						
			
			
		}
		else
		{
			// get header and data area.
			aElemData = document.getElementById(data);
			aElemHdr = document.getElementById(hdr);
			aElemHdrLeft = document.getElementById(hdr_left);
			aElemHdrRight = document.getElementById(hdr_right);			
			
			if (aElemData!=null && !tabOnly) aElemData.className ='pageContentHidden';
			
			if (aElemHdr!=null) aElemHdr.className ='inactiveTab';
			if (aElemHdrLeft!=null) aElemHdrLeft.className ='inactiveTabSide';
			if (aElemHdrRight!=null) aElemHdrRight.className ='inactiveTabSide';						
		}
		
	}
}

function tabOver(theName ) {
	
	
	if (myTabArray == null)
		return;
	var aTab = getTabFromName(theName);
		
	aSetElemHdr = document.getElementById(aTab.myTabHeader);
	if (aSetElemHdr==null) return;
	if ( aSetElemHdr.className == "activeTab" ) return;
	aSetElemHdr.className = "inactiveTabHover";
		
};

function tabOut( theName) {
	if (myTabArray == null)
		return;
	var aTab = getTabFromName(theName);	

	aSetElemHdr = document.getElementById(aTab.myTabHeader);
	if (aSetElemHdr==null) return;
	if ( aSetElemHdr.className == "activeTab" ) return;
    aSetElemHdr.className = "inactiveTab";
};