<!--
	
function loadHomeMenu() {
	try {
		// assign the elements etc to variables and set default values
		var dropNav = document.getElementById('drop-nav')					// ID of the page element that users have to click on to show the menu
		var navList = document.getElementById('menuItems')					// ID of the page element that holds the navigation items
		var linkBtn = document.getElementById('goLink')						// ID of the go button
		var strClass = 'navItem'											// Class name used to identify navigation items
		var strTagType = 'a'												// HTML tag we are using for our navigation items
		var strJsClassName = 'dropNavJs'									// Class name of the page element that users have to click on to show the menu when browser supports javascript
		var strDefaultText = 'Click to select a career'						// default text to show before user has selected a navigation item
		
		/* SHOULD NOT NEED TO EDIT ANY CODE WITHIN THIS FUNCTION BELOW HERE*/
		
		// set javascript enabled state
		dropNav.className = strJsClassName;
		dropNav.innerHTML = strDefaultText;
		// set onclick event for the menu
		dropNav.onclick = function() {
			navList.style.display = 'block';
			}
		// disable the go button
		linkBtn.onclick = function() { return false; };
		// loop strough all navigation elements (<li>'s) where class name = "navItem"
		var arItems,i;
		arItems = document.getElementsByTagName(strTagType);			// get list of nav items by creating an array of document elements of a certain type (e.g. li, p, h1 etc)
		// iterate through array of elements
		for(i in arItems)  {
			// check if the class of the element matches the class name we are using to identify our navigation items
			if(arItems[i].className == strClass) {	
				// create an onClick event for the list item that fires the following events...
				arItems[i].onclick = function() {
					navList.style.display = 'none';						// hide the drop down list
					dropNav.innerHTML = this.innerHTML;					// set the content of the box (without the pop up) to the value selected from the pop up
					linkBtn.href = this.href;							// grab the URL from the title attribute of the selected list item and assigns it to the button
					linkBtn.onclick = function() { return true; };	// eneble the button
					return false; 										// disable any default actions that occur onClick
				}
	   		}
		}
		
	}
	catch(err) {
	//	alert(err);
	}
// end loadHomeMenu function	
}


function loadDropDownMenu() {
	try {
		// local variables
		var oMenu = document.getElementById('dropdown')			// Page element for the menu wrapper
		var oItems = document.getElementById('menuItems')		// Page element that holds the menu items
		
		// Set the onMouseOver, onMouseOut events
		oMenu.onmouseover = function() {
			oItems.style.display = 'block';
		}
		oMenu.onmouseout = function() {
			oItems.style.display = 'none';
		}
		
	} catch(err) {
		//alert(err);
	}
	
}

//-->
