/* simple dom constructor */
function getRef(id) {
	return (document.getElementById ? document.getElementById(id) : document.all[id]); 
}

/*  GLOBAL VARS */
var mediaPath;
var oldTabId;
var objDivLastShown;

function homeInit() {
	mediaPath = "/images/ts-dl/product_detail/";
	oldTabId = "warr";
	objDivLastShown = getRef("warrDiv");
}

/* show and hide button functionality - calls showDetailDiv */
function showTab(tabId) {
	var imgExt = ".gif";

	var strTab = mediaPath + "btn_pd_" + tabId + "_on" + imgExt;
	var objTab = getRef(tabId);
	
	var strOldTab = mediaPath + "btn_pd_" + oldTabId + "_off" + imgExt;
	var objOldTab = getRef(oldTabId);

	if (oldTabId == tabId) { // don't do anything if user clicks on active tab
		return;
	}
	
	showDetailDiv(tabId);
	objTab.src = strTab;
	objOldTab.src = strOldTab;
	oldTabId = tabId;
}

/* shows the div associated with the selected tab */
function showDetailDiv(divId) {
	var strDivId = divId + "Div";
	
	var objTheDiv = getRef(strDivId);
		
	objDivLastShown.style.display = "none";
	objDivLastShown = objTheDiv; // div to hide on next pass		
	
	objTheDiv.style.display = "block";			
}