var pageLoaded = false;

//==============================================================================
// Main Level Navigation
// Setup the various Off/On images used for hover effects
// Images are named "m_SectionNameHere[On:Off]", where m indicates MAIN menu
// and the On/Off Suffix indicates image state.
//==============================================================================
aboutOff    = new Image(); aboutOff.src="/images/nav/m_aboutOff.gif";
aboutOn     = new Image(); aboutOn.src="/images/nav/m_aboutOn.gif";
softwareOff = new Image(); softwareOff.src="/images/nav/m_softwareOff.gif";
softwareOn  = new Image(); softwareOn.src="/images/nav/m_softwareOn.gif";
hardwareOff = new Image(); hardwareOff.src="/images/nav/m_hardwareOff.gif";
hardwareOn  = new Image(); hardwareOn.src="/images/nav/m_hardwareOn.gif";
virtOff     = new Image(); virtOff.src="/images/nav/m_virtOff.gif";
virtOn      = new Image(); virtOn.src="/images/nav/m_virtOn.gif";
otherOff    = new Image(); otherOff.src="/images/nav/m_otherOff.gif";
otherOn     = new Image(); otherOn.src="/images/nav/m_otherOn.gif";
supportOff  = new Image(); supportOff.src="/images/nav/m_supportOff.gif";
supportOn   = new Image(); supportOn.src="/images/nav/m_supportOn.gif";
shopOff     = new Image(); shopOff.src="/images/nav/m_shopOff.gif";
shopOn      = new Image(); shopOn.src="/images/nav/m_shopOn.gif";



//==============================================================================
//Sub-Menu related images...
//This is where the table-row background image for submenu is setup.
//==============================================================================

//The little navigational DOT/EYE that shows during hover (off/on states)
dotOff    = new Image(); dotOff.src="/images/nav/dotOff.gif";
dotOn     = new Image(); dotOn.src="/images/nav/dotOn.gif";

//now, the empty placeholder background images for sub-menus, with border
//cut-outs in the top of the gradient-filled rectangles to make them look like
//"tabs" on hover / rollover
about     = new Image(); about.src="/images/nav/empty_sub_1.gif";
software  = new Image(); software.src="/images/nav/empty_sub_2.gif";
hardware  = new Image(); hardware.src="/images/nav/empty_sub_3.gif";
virt      = new Image(); virt.src="/images/nav/empty_sub_4.gif";
other     = new Image(); other.src="/images/nav/empty_sub_5.gif";
support   = new Image(); support.src="/images/nav/empty_sub_6.gif";
shop      = new Image(); shop.src="/images/nav/empty_sub_7.gif";


//==============================================================================
//Navigational related Code...
//==============================================================================

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()', 5000);
}
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';
	}	
}