/* Drop_Menus.js */
	<!--  Variable states are:- -->
	<!--  eMenu = null -->
	<!--  eOpenMenu = null -->

	var eOpenMenu = null;
<!-- If mouse is on an item of the main menu then the items submenu is opened 		-->
<!-- The left,top position is set and the submenu made visible						-->
	function OpenMenu(eSrc,eMenu)
	{
		eMenu.style.left = eSrc.offsetLeft;	// + MainMenuTable.offsetLeft;   //Removed for Firefox
//		eMenu.style.top = MainMenuTable.offsetHeight + MainMenuTable.offsetTop;//Removed for Firefox
		eMenu.style.visibility = "visible";
		eOpenMenu = eMenu;
	}
<!-- If mouse goes out of submenu area the submenu is closed(hidden)				-->
	function CloseMenu(eMenu)
	{
		eMenu.style.visibility = "hidden";
		eOpenMenu = null;
	}
<!-- Interrupt service routine is entered whenever mouse goes over an object in the page -->
<!-- ie No one object is sensitised for mouseover - everything is					-->
<!-- If mouse is on an item of the main menu then the items submenu is opened 		-->
<!-- If mouse goes out of submenu area the submenu is closed(hidden)				-->
<!-- Colour change(white to red) as mouse goes over a main menu item				-->
<!-- ...And nothing to do with this code is the following:-						 	-->
<!-- Colour change (yellow to red)as mouse goes over a submenu item is setup is menu.css					-->
<!-- Submenu items are normal hyperlinks and if clicked the new page is loaded 		-->


	function rollon(e) 
	{
		var srcId, eSrc, srcElement, targetElement; 
		if (window.event) e = window.event; 	// get event for IE4 else event is passed
		eSrc = ( e.srcElement ) ? e.srcElement : e.target; 	// If no e.srcElement use e.target

		if ( eSrc.className == 'MainMenuClass' ) //Was the mouseover on a main menu item?
		{
			eSrc.style.color = "#ff0066";		//Main menu white to red on mouseover
			var eMenu = document.all[eSrc.id.replace("MainMenu","SubMenu")];		
			 
			if (eOpenMenu && eOpenMenu != eMenu) 
			{
				CloseMenu(eOpenMenu);
			}
			if (eMenu) 
			{
				OpenMenu(eSrc,eMenu);
			}
		}
	//	else if (eOpenMenu &&(document.all[eSrc.className] == 'SubMenuClass'))
	//	else if(!eOpenMenu.contains(eSrc) && !MainMenuDiv.contains(eSrc))
	//	else if(eOpenMenu && !eOpenMenu.contains(eSrc))
	//	else if(eOpenMenu && !MainMenuDiv.contains(eSrc))
		else if(eOpenMenu && !eOpenMenu.contains(eSrc) && !MainMenuDiv.contains(eSrc))
		{
			CloseMenu(eOpenMenu);
		}
	}
	
	function rolloff(e)
	{
		var srcId, eSrc, srcElement,targetElement; 
		if (window.event) e = window.event; 	// For IE4
		eSrc = ( e.srcElement ) ? e.srcElement : e.target; 	// If no e.eSrc use e.target

		if ( eSrc.className == 'MainMenuClass' ) 
		{
			eSrc.style.color = ""; 
		}
	}	


// assign rollon() to handle all onMouseOver events in document
document.onmouseover = rollon;

// assign rolloff() to handle all onMouseOut events in document
document.onmouseout = rolloff;