var pageLoaded = false;
var resetTimeout;

dotOff = new Image(); dotOff.src="images/dotoff.gif";
dotOn = new Image(); dotOn.src="images/doton.gif";
aboutus = new Image(); aboutus.src="images/aboutus_bar.gif";
products = new Image(); products.src="images/products_bar.gif";
support = new Image(); support.src="images/technology_bar.gif";
news = new Image(); news.src="images/newsroom_bar.gif";
where = new Image(); where.src="images/explorers_bar.gif";
con = new Image(); con.src="images/contactus_bar.gif";

// Main Level Navigation
aboutusOff = new Image(); aboutusOff.src="images/aboutus_buttonoff.gif";
aboutusOn = new Image(); aboutusOn.src="images/aboutus_buttonon.gif";
productsOff = new Image(); productsOff.src="images/explorers_buttonoff.gif";
productsOn = new Image(); productsOn.src="images/explorers_buttonon.gif";
supportOff = new Image(); supportOff.src="images/technology_buttonoff.gif";
supportOn = new Image(); supportOn.src="images/technology_buttonon.gif";
newsOff = new Image(); newsOff.src="images/products_buttonoff.gif";
newsOn = new Image(); newsOn.src="images/products_buttonon.gif";
wheretobuyOff = new Image(); wheretobuyOff.src="images/newsroom_buttonoff.gif";
wheretobuyOn = new Image(); wheretobuyOn.src="images/newsroom_buttonon.gif";
conOff = new Image(); conOff.src="images/contactus_buttonoff.gif";
conOn = new Image(); conOn.src="images/contactus_buttonon.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;
	blnReset = true;
}
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';
	}	
}