//preload Images:

var navImages = new Array();

navImages[0] = new Image();
navImages[0].src = "templateImages/HomeOver.jpg";
navImages[1] = new Image();
navImages[1].src = "templateImages/ContactOver.jpg";
navImages[2] = new Image();
navImages[2].src = "templateImages/TechOver.jpg";
navImages[3] = new Image();
navImages[3].src = "templateImages/AboutOver.jpg";
navImages[4] = new Image();
navImages[4].src = "templateImages/CustomersOver.jpg";
navImages[5] = new Image();
navImages[5].src = "templateImages/PoliciesOver.jpg";
navImages[6] = new Image();
navImages[6].src = "templateImages/LinksOver.jpg";

//global reference to the navigation button that caused the navOver function
//to fire
var currentNavItem;
var timeoutForNavOver;
var timeoutToClearCurrentNav;

//Occurs when the mouse is over a navigation item
function navOver(navItem)
{
	clearTimeout(timeoutToClearCurrentNav);
	if (currentNavItem != navItem)
	{
		clearTimeout(timeoutForNavOver);
		currentNavItem = navItem;
		timeoutForNavOver = setTimeout("navOver('" + navItem + "')", 500);
		return;
	}
	
	if (document.all)
	{
		//its IE
		
		//get the image reference and Div reference
		var imgElement = document.all[navItem + "Img"];
		var divElement = document.all[navItem + "Div"];
		
		//set the new image source:
		imgElement.src = "templateImages/" + navItem + "Over.jpg";
		
		divElement.style.visibility = "visible";
	}else if (document.getElementById){
		//its Netscape or another browser
		
		//get the image reference and Div reference
		var imgElement = document.getElementById(navItem + "Img");
		var divElement = document.getElementById(navItem + "Div");
		
		//set the new image source:
		imgElement.src = "templateImages/" + navItem + "Over.jpg";
		
		divElement.style.visibility = "visible";
	}else{
		alert("You have an old or unknown browser. \n You need a a current version of Internet Explorer or Netscape Navigator to properly view this site");
	}
}//end of navOver


//clears the global reference to the currentNavItem. This happens on navOut and is cancelled
//if navOver is called
function clearCurrentNavItemGlobalRef(){
	currentNavItem = "";
}

//Occurs when the mouse goes out of a navigation item
function navOut(navItem)
{
	clearTimeout(timeoutForNavOver);
	timeoutToClearCurrentNav = setTimeout("clearCurrentNavItemGlobalRef()", 100);
	if (document.all)
	{
		//its IE
		
		//get the image reference and Div reference
		var imgElement = document.all[navItem + "Img"];
		var divElement = document.all[navItem + "Div"];
		
		//set the new image source:
		imgElement.src = "templateImages/" + navItem + "Off.jpg";
		
		divElement.style.visibility = "hidden";
	}else if (document.getElementById){
		//get the image reference and Div reference
		var imgElement = document.getElementById(navItem + "Img");
		var divElement = document.getElementById(navItem + "Div");
		
		//set the new image source:
		imgElement.src = "templateImages/" + navItem + "Off.jpg";
		
		divElement.style.visibility = "hidden";
	}
}//end of navOut


//changes the background color of a table element
function changeBG(elementRef)
{
	if (elementRef && elementRef.style)
	{
	     elementRef.style.background = "#fefcfd";
	}
}//end of changeBG


//restores the background color of a table element
function restoreBG(elementRef)
{
	if (elementRef && elementRef.style && elementRef.style.background)
	{
	     elementRef.style.background = "#DCDADB";
	}
}//end of restoreBG



//this is called from Flash bacuase when the checkout button goes directly to the
//checkout page from Flash, it brings up a cached version of the page
function GoToCheckout()
{
	window.location.href = "checkout.aspx";
}//end of GoToCheckout




//In the catalog page, this opens the image window to display the image for the
//selected option.
//PARAM "imgRef" = the unique id of the image. This will give me the parameter information
//on which image to show
function openImageWindow(imgName)
{

	//get a reference to the image
	var thisImg = document.images[imgName];
	var openUrl = thisImg.src;
	openUrl = openUrl.substr(openUrl.lastIndexOf("?"), openUrl.length);
	openUrl = "fullImage.aspx" + openUrl;
	
	window.open(openUrl, "imgWind", "toolbar=no,menubar=no,status=no,resizable=no");
}//end of openImageWindow


//in the catalog page, changes the image when the options dropdown list changes
function changeImage(productId, dropdownlistRef)
{
	//get a reference to the image
	var thisImg = document.images["imgProd_" + productId];
	thisImg.src = "thumbnailImage.aspx?productId=" + productId + "&productOption=" + dropdownlistRef.value;
}//end of changeImage