// JavaScript Document
/** this is for handling the  tabs **/
var tabs=false;

function RegisterTab(tabName,containerDiv,panes) {
	if(tabs==false) {
		tabs = new Array();
	}
	var tab = new Object();
	tab.name = tabName;
	tab.panes = panes;
	tab.containerDiv = containerDiv;
	tab.visible = "";
	tabs[tabs.length] = tab;
}

function GetTab(tabName) {
	var i;
	for(i=0;i<tabs.length;i++) {
		if(tabs[i].name = tabName) {
			return tabs[i];
		}
	return null;
	}
}
function GetPane(tab,paneName) {
	var i;
	for(i=0;i<tab.panes.length;i++) {
		var pane = tab.panes[i];
		if(pane.name==paneName)
			return pane;
	}
}
function ShowTab(tabName,paneName) {
	var tab = GetTab(tabName);
	var pane = GetPane(tab,paneName);
	
	if(tab.visible!="" && tab.visible!=paneName) {
		CloseTab(tabName);
	}
	tab.containerDiv.style.visibility = "visible";
	tab.containerDiv.style.display= "inline";
	if(tab.visible != paneName) {
		tab.containerDiv.innerHTML = pane.div.innerHTML;
		if(typeof(pane.hideDivs)!="undefined") {
			var i;
			for(i=0;i<pane.hideDivs.length;i++) {
				pane.hideDivs[i].style.visibility = "hidden";
				pane.hideDivs[i].style.display = "none";
			}
		}
		tab.visible = pane.name;
		if(typeof(pane.td)!="undefined") {
			var i ;
			for(i=0;i<tab.panes.length;i++) {
				tab.panes[i].td.className = "tabHeader";
			}
			pane.td.className = "tabHeaderSelected";
		}
	}
}


function CloseTab(tabName) {
	var tab = GetTab(tabName);
	var pane;
	if(tab.visible!="") {
		pane = GetPane(tab,tab.visible);
		if(typeof(pane.hideDivs)!="undefined") {
			var i;
			for(i=0;i<pane.hideDivs.length;i++) {
				pane.hideDivs[i].style.visibility = "visible";
				pane.hideDivs[i].style.display = "inline";
			}
		}		
	}
		
	tab.containerDiv.innerHTML = "";
	
	tab.visible="";
	tab.containerDiv.style.visiblity = "hidden";
	tab.containerDiv.style.display= "none";
	var i ;
	for(i=0;i<tab.panes.length;i++) {
		if(typeof(tab.panes[i].td)!="undefined")
			tab.panes[i].td.className = "tabHeader";
	}
	
}