// Tab Table Javascript Methods
var DOM = (document.getElementById) ? 1 : 0;  // DOM compliant
var currentTabNum = new Array("01","01","01","01","01","01","01","01","01","01");
var numTabs = new Array(0,0,0,0,0,0,0,0,0,0);

// Switch between tabs
function changeTab(targetTab) {
	var stringA = targetTab;
	var prefix = stringA.substring(4,6);
	var tableNum = stringA.charAt(4);
	if(stringA.charAt(3)!="S") {
		document.getElementById("content" + prefix + currentTabNum[tableNum]).style.display = "none";
		document.getElementById("tabS" + prefix + currentTabNum[tableNum]).className="hidden";
		document.getElementById("tabD" + prefix + currentTabNum[tableNum]).className="tab";
		document.getElementById(targetTab).className="hidden";

		currentTabNum[tableNum]=stringA.substring(6);
		document.getElementById("tabS" + prefix + currentTabNum[tableNum]).className="selTab";
		document.getElementById("content" + prefix + currentTabNum[tableNum]).style.display="";
	}

}

// Write html for a tab
function writeTab( id, title, imgbase ) {
	var html = "";
	var idbase = new Array( "tabS", "tabD" );
	var className = new Array( "hidden","tab" );
	var imgSuffix = new Array( "sel.gif",".gif" );
	var bgcolor = new Array( "#FFFFFF","#E4E4E4" );

	for ( var i = 0; i < 2; i++ ) {
	html += "<TD id=" + idbase[i] + id + " class=" + className[i]
		+ "><a href=\"javascript:void(0)\" onClick=\"changeTab('" + idbase[i] + id 
		+ "');return false\" class=tablink><table cellpadding=0 cellspacing=0>"
		+ "<tr><td><img border=0 height=21 width=6 src='" + imgbase 
		+ "/tableft" + imgSuffix[i] + "'></td>" 
		+ "<td bgcolor=" + bgcolor[i] + " background='" + imgbase + "/tabmid" 
		+ imgSuffix[i] + "'>"
		+ "<div class=tabTitle>" + title 
		+ "</div></td><td><img border=0 height=21 width=6 src='" + imgbase
		+ "/tabright" + imgSuffix[i] + "'></td></tr></table></a></TD>";
	}
	document.write( html );
}

// Opens correct tab of table
function initTable( tableNum ) {
	var curTab = currentTabNum[tableNum];
	for ( var i = 1; i <= numTabs[tableNum]; i++ ) {
		var suf = ( i <= 9 && i >=0 ) ? ( "0" + i ) : ( "" + i )
		var curID = "content" + tableNum + "_" + suf;
		document.getElementById( curID ).style.display="none";
	}
	document.getElementById( "content" + tableNum + "_" + curTab ).style.display="";
	changeTab( "tabD" + tableNum + "_" + curTab );
}

function changeContent(targetContent) {
	var stringA = targetContent;
	var prefix = stringA.substring(0,2);
	var tableNum = stringA.charAt(0);

	document.getElementById("content" + prefix + currentTabNum[tableNum]).style.display = "none";

	currentTabNum[tableNum]=stringA.substring(2);
	document.getElementById("content" + prefix + currentTabNum[tableNum]).style.display="";

}

function initBody( tableNum ) {
	var curTab = currentTabNum[tableNum];
	for ( var i = 1; i <= numTabs[tableNum]; i++ ) {
		var suf = ( i <= 9 && i >=0 ) ? ( "0" + i ) : ( "" + i )
		var curID = "content" + tableNum + "_" + suf;
		document.getElementById( curID ).style.display="none";
	}
	document.getElementById( "content" + tableNum + "_" + curTab ).style.display="";
	//changeContent( tableNum + "_" + curTab );
}

