// NOTE: Call 'ED_navOnDocLoad' function from window onLoad event

//alert ("navbar loaded");
// START: 'ED_navPreloadImages' function variables

var ED_navPreloads = new Array(); // Contains URLs of images to be pre-loaded

ED_navPreloads[ED_navPreloads.length] = "images/aboutBtn_over.gif";
ED_navPreloads[ED_navPreloads.length] = "images/aboutBtn_up.gif";

ED_navPreloads[ED_navPreloads.length] = "images/candidatesBtn_over.gif";
ED_navPreloads[ED_navPreloads.length] = "images/candidatesBtn_up.gif";

ED_navPreloads[ED_navPreloads.length] = "images/clientsBtn_over.gif";
ED_navPreloads[ED_navPreloads.length] = "images/clientsBtn_up.gif";

// END: 'ED_navPreloadImages' function variables

// START: 'ED_navPositionLayers' function varibales

var ED_navTableID = "entirePageTable";   // HTML ID of the table containing the navigation bar
//var ED_navTableID = "navTable";   // HTML ID of the table containing the navigation bar
var ED_navLayerIDs   = new Array();   // HTML IDs of layers to be positioned on load and window resize

// Arrays to hold X and Y pixel coordinates of layers relative to navigation bar table (NOT document)
// positive values indicate position relative to nav table's left / top
// negative values indicate position relative to nav table's right / bottom
var ED_navLayerLefts = new Array();
var ED_navLayerTops  = new Array();

ED_navLayerIDs[ED_navLayerIDs.length]     = "navMenu1";
//ED_navLayerLefts[ED_navLayerLefts.length] = 144;
//ED_navLayerTops[ED_navLayerTops.length]   = 256;
ED_navLayerLefts[ED_navLayerLefts.length] = 144;
ED_navLayerTops[ED_navLayerTops.length]   = 283;

ED_navLayerIDs[ED_navLayerIDs.length]     = "navMenu2";
//ED_navLayerLefts[ED_navLayerLefts.length] = 144;
//ED_navLayerTops[ED_navLayerTops.length]   = 278;
ED_navLayerLefts[ED_navLayerLefts.length] = 144;
ED_navLayerTops[ED_navLayerTops.length]   = 305;

ED_navLayerIDs[ED_navLayerIDs.length]     = "navMenu4";
//ED_navLayerLefts[ED_navLayerLefts.length] = 144;
//ED_navLayerTops[ED_navLayerTops.length]   = 234;
ED_navLayerLefts[ED_navLayerLefts.length] = 144;
ED_navLayerTops[ED_navLayerTops.length]   = 261;

/*ED_navLayerIDs[ED_navLayerIDs.length]     = "divOuter";
ED_navLayerLefts[ED_navLayerLefts.length] = 144;
ED_navLayerTops[ED_navLayerTops.length]   = 234;*/

// END: 'ED_navPositionLayers' function varibales


/*
This function simply calls a number of other functions.
It simply reduces the funtion calls to be made from the HTML doc when the document loads i.e. window.onLoad
It simply calls a number of other functions.
This should be called from the window onload event
*/
function ED_navOnDocLoad()
{
	ED_preloadImages(ED_navPreloads);
	ED_positionLayers(ED_navLayerIDs, ED_navLayerLefts, ED_navLayerTops, ED_navTableID);
}

/*
This function simply calls a number of other functions.
It simply reduces the funtion calls to be made from the HTML doc when the document unloads i.e. window.onUnload
It simply calls a number of other functions.
This should be called from the window onunload event
*/
function ED_navOnDocUnload()
{
}

/*
This function simply calls a number of other functions.
It simply reduces the funtion calls to be made from the HTML doc when the document loads i.e. window.onResize
It simply calls a number of other functions.
This should be called from the window onresize event
*/
function ED_navOnDocResize()
{
	ED_positionLayers(ED_navLayerIDs, ED_navLayerLefts, ED_navLayerTops, ED_navTableID);
}

function ED_navMenuItemMouseOver(containerID, linkID)
{
	var containerObj = document.getElementById(containerID);
	var linkObj = document.getElementById(linkID);

	containerObj.className = "navMenuItemContainerOn";
	linkObj.className = "navMenuItemLinkOn";
}

function ED_navMenuItemMouseOut(containerID, linkID)
{
	var containerObj = document.getElementById(containerID);
	var linkObj = document.getElementById(linkID);

	containerObj.className = "navMenuItemContainerOff";
	linkObj.className = "navMenuItemLinkOff";
}

function subMouseOver(containerID, linkID)
{
	var containerObj = document.getElementById(containerID);
	var linkObj = document.getElementById(linkID);

	containerObj.className = "navMenuItemContainerOn2";
	linkObj.className = "navMenuItemLinkOn";
}

function subMouseOut(containerID, linkID)
{
	var containerObj = document.getElementById(containerID);
	var linkObj = document.getElementById(linkID);

	containerObj.className = "navMenuItemContainerOff2";
	linkObj.className = "navMenuItemLinkOff";
}

function ED_navMenuItemMouseClick(linkID)
{
	var linkObj = document.getElementById(linkID);
	window.location.href = linkObj.href;
}

/*
This function changes the cascading style sheet class name of 2 HTML element to 2 class names

PARAMS:
- containerID - The HTML id of the first object.
- linkID - The HTML id of the second object.
- containerClassName - The class name to change containerID to.
- linkClassName - - The class name to change linkID to.
*/
function ED_navMenuItemRollover(containerID, linkID, containerClassName, linkClassName)
{
	var containerObj = document.getElementById(containerID);
	var linkObj = document.getElementById(linkID);

	containerObj.className = containerClassName;
	linkObj.className = linkClassName;
}