// JavaScript Document

var detailsTabSelected = new Array();
var detailsContentSelected = new Array();


/********************************
* function toggleTab
* 
* Toggle state of selected tab
* and associated content
* IN: new tab image reference, new content div ID
* OUT: none
* POST: active tab has been changed to the tab
* that was clicked
********************************/
function toggleTab(objRef, newContentID) {
	var newTab = objRef.id;
	var tabFam = newTab.substr(0,newTab.lastIndexOf("_")); //get tab ID family (substr of ID)
	
	for(var i=0; i<detailsTabSelected.length; i++){
		if(detailsTabSelected[i].indexOf(tabFam) == 0) { // if found, replace it
			if(newTab != detailsTabSelected){
				var oldImg = document.getElementById(detailsTabSelected[i]); //get current selected tab img ref
				if(oldImg.className == "selectedError")
					oldImg.className = "error";
				else
					oldImg.className = "";
				
				
				selectedImg = document.getElementById(newTab); //get new selected tab
				if(selectedImg.className == "error")
					selectedImg.className = "selectedError";
				else
					selectedImg.className = "selected";
				
				document.getElementById(detailsContentSelected[i]).style.display = "none";
				document.getElementById(newContentID).style.display = "block";
				
				detailsContentSelected.splice(i,1); //remove old tab from active list
				detailsTabSelected.splice(i,1); //remove old content area from active list
				
				detailsContentSelected.push(newContentID); //assign global state content
				detailsTabSelected.push(newTab); //assign global state tab
				
				break; //we're done, exit
			}			
		}
	}
}


/*******************************
* function setDetaulfTab 
*
* Setter function for global var
********************************/
function setDefaultTab(tabID,divID) {
	detailsTabSelected.push(tabID);
	detailsContentSelected.push(divID);
	
	var tabRef = document.getElementById(tabID);
	var contentRef = document.getElementById(divID);
	//tabRef.src = tabRef.src.replace(".gif","_hi.gif"); //set to _hi state
	//tabRef.height = "37";
	tabRef.className = "selected";
	contentRef.style.display = "block";
	
}