// Declare and instantiate the images for each of the navigation items (Both on and off states)
var nav_homeon = new Image(); nav_homeon.src = navColourOn;
var nav_homeoff = new Image(); nav_homeoff.src = navColourOff;

var nav_about_uson = new Image(); nav_about_uson.src = navColourOn;
var nav_about_usoff = new Image(); nav_about_usoff.src = navColourOff

var nav_our_serviceson = new Image(); nav_our_serviceson.src = navColourOn;
var nav_our_servicesoff = new Image(); nav_our_servicesoff.src = navColourOff

// var nav_faqson = new Image(); nav_faqson.src = navColourOn;
// var nav_faqsoff = new Image(); nav_faqsoff.src = navColourOff

var nav_study_touron = new Image(); nav_study_touron.src = navColourOn;
var nav_study_touroff = new Image(); nav_study_touroff.src = navColourOff

var nav_newson = new Image(); nav_newson.src = navColourOn;
var nav_newsoff = new Image(); nav_newsoff.src = navColourOff

var nav_contacton = new Image(); nav_contacton.src = navColourOn;
var nav_contactoff = new Image(); nav_contactoff.src = navColourOff

//var nav_linkson = new Image(); nav_linkson.src = navColourOn;
//var nav_linksoff = new Image(); nav_linksoff.src = navColourOff




// Change the image when the mouse is on the navigation item
function turnOn(imageName,layerName) {
	if (document.layers && layerName != "") {
  		eval('document.' + layerName + '.document.' + imageName + '.src = ' + imageName + 'on.src')
	}
	else {
  		eval('document.' + imageName + '.src = ' + imageName + 'on.src')
    }
}



// Change the image when the mouse is off the navigation item
function turnOff(imageName,layerName) {
	if (document.layers && layerName != "") {
	// declare layer for netscape.	
  		eval('document.' + layerName + '.document.' + imageName + '.src = ' + imageName + 'off.src')
	}
 	else {
		eval('document.' + imageName + '.src = ' + imageName + 'off.src')
    }
}

// this script handles the Netscape 4 bug on CSS layers.
if(document.layers){origWidth=innerWidth;origHeight=innerHeight;onresize=function(){ 
if(innerWidth!=origWidth||innerHeight!=origHeight)location.reload()}} 

// Highlight the relevant navigation item when the user visits a section of the site. This will indicate to
// the user which area of the site they are currently in.
function menuHighlight(theItem, theDiv)
{
	if(document.getElementById != null)
	{
		turnOn(theItem,'');
		theMenu = document.getElementById(theDiv);
		newHTML = theMenu.innerHTML;
		newHTML = newHTML.replace("turnOff('" + theItem + "','')", "");
		theMenu.innerHTML = newHTML;
	}
}

// end hiding javascript -->

// JS for LHS include
	function MenuHeader(menuHeaderName, menuItems)
	{
		this.menuHeaderName = menuHeaderName;
		this.menuItems = menuItems;
	}

	function MenuItem(menuItemName, menuLink)
	{
		this.menuItemName = menuItemName;
		this.menuLink = menuLink;
	}

	function Menu(menuTitle, menuHeaders)
	{
		this.menuTitle = menuTitle;
		this.menuHeaders = menuHeaders;
	}