var pageLoaded = false;

dotOff = new Image(); dotOff.src="a_images/nav/dotOff.gif";
dotOn = new Image(); dotOn.src="a_images/nav/dotOn.gif";
aboutus = new Image(); aboutus.src="a_images/nav/s_aboutus.gif";
products = new Image(); products.src="a_images/nav/s_prod.gif";
support = new Image(); support.src="a_images/nav/s_sup.gif";
news = new Image(); news.src="a_images/nav/s_news.gif";
where = new Image(); where.src="a_images/nav/s_where.gif";

// Main Level Navigation
aboutusOff = new Image(); aboutusOff.src="a_images/nav/m_aboutOff.gif";
aboutusOn = new Image(); aboutusOn.src="a_images/nav/m_aboutOn.gif";
productsOff = new Image(); productsOff.src="a_images/nav/m_prodOff.gif";
productsOn = new Image(); productsOn.src="a_images/nav/m_prodOn.gif";
supportOff = new Image(); supportOff.src="a_images/nav/m_supportOff.gif";
supportOn = new Image(); supportOn.src="a_images/nav/m_supportOn.gif";
newsOff = new Image(); newsOff.src="a_images/nav/m_newsOff.gif";
newsOn = new Image(); newsOn.src="a_images/nav/m_newsOn.gif";
wheretobuyOff = new Image(); wheretobuyOff.src="a_images/nav/m_whereOff.gif";
wheretobuyOn = new Image(); wheretobuyOn.src="a_images/nav/m_whereOn.gif";


function loadProc() {
	pageLoaded = true;
}

function img_act(img) {
	document[img].src = eval(img + "On").src;
}

function img_inact(img) {
	document[img].src = eval(img + "Off").src;
}

function showLayer(layername) {
	if (pageLoaded) {
		if (document.all){
			document.all[layername].style.visibility = "visible";
		}
		else if (document.layers){
	 		document.layers[layername].visibility = "visible";
		}
		else {
			var myLayer = document.getElementById(layername);
			myLayer.style.visibility = "visible";
		}
	}
}

function hideLayer(layername) {
	if (pageLoaded) {
		if (document.all){
			document.all[layername].style.visibility = "hidden";
		}
		else if (document.layers){
			document.layers[layername].visibility = "hidden";
		}
		else {
			var myLayer = document.getElementById(layername);
			myLayer.style.visibility = "hidden";
		}
	}
}

var blnReset = false;
var defaultSubnav = "emptySubnav";
var currImage = "";
var currLayer = "";

function showtopnav(menuname)
{
	resettopnav(menuname);
	currLayer = menuname + "Subnav";
	showLayer(menuname+'Subnav');
	showLayer('resetSubnav');
	img_act_nav(menuname, "topNav");
	clearreset();
}
function resettopnav()
{
	if (currLayer != "") {
		hideLayer(currLayer);
	}
	if ((currImage != "") && (currImage + "Subnav" != defaultSubnav)) {
		img_inact_nav(currImage, "topNav");
	}
	showLayer("emptySubnav");
	clearreset();
}
function settimedreset()
{
	hideLayer('resetSubnav');
	blnReset = true;
	resetTimeout = setTimeout('timedresetnav()', 1000);
}
function timedresetnav()
{
	if(blnReset)
	{
		resettopnav();
	}
}
function clearreset()
{
	if(blnReset) window.clearTimeout(resetTimeout);
	blnReset = false;
}
function img_inact_nav(imagename,layername)
{
	if (document.layers){
		document.layers[layername].document.images[imagename].src = eval(imagename + 'Off.src')
	}else{
		document [imagename].src = eval(imagename + 'Off.src')
	}
	if (layername == "topNav") {
		currImage = "";
	}
	clearreset();
}
function img_act_nav(imagename,layername)
{
	if (document.layers){
		document.layers[layername].document.images[imagename].src = eval(imagename + 'On.src')
	}else{
		document [imagename].src = eval(imagename + 'On.src')
	}
	if (layername == "topNav") {
		currImage = imagename;
	}
	showLayer('resetSubnav');
	clearreset();
}
function dotoff(imagename,layername)
{
	if (document.layers){
		document.layers[layername].document.images[imagename].src = eval('dotOff.src')
	}else{
		document [imagename].src = eval('dotOff.src')
	}
	if (layername == "topNav") {
		currImage = "";
	}
	clearreset();
}
function doton(imagename,layername)
{
	if (document.layers){
		document.layers[layername].document.images[imagename].src = eval('dotOn.src')
	}else{
		document [imagename].src = eval('dotOn.src')
	}
	if (layername == "topNav") {
		currImage = imagename;
	}
	showLayer('resetSubnav');
	clearreset();
}

function navBar( cellRef, hoverFlag ) {
	if ( hoverFlag ) {
		cellRef.style.backgroundColor = '#DCF1FF';
	} else {
		cellRef.style.backgroundColor = '#FFFFFF';
	}	
}