window.onload = function() {
			initializeMenu("mopMenu", "mopActuator");
			initializeMenu("canadaMenu", "canadaActuator");
			initializeMenu("locationsMenu", "locationsActuator");
			initializeMenu("costsMenu", "costsActuator");
			initializeMenu("travelMenu", "travelActuator");
			initializeMenu("funMenu", "funActuator");
			initializeMenu("toolsMenu", "toolsActuator");
			initializeMenu("filmsMenu", "filmsActuator");
		}

var currentMenu = null;

if (!document.getElementById)
    document.getElementById = function() { return null; }

function initializeMenu(menuId, actuatorId) {
    var menu = document.getElementById(menuId);
    var actuator = document.getElementById(actuatorId);
	
    if (menu == null || actuator == null) return;

    actuator.onmouseover = function() {
            this.showMenu();
    }
	
	actuator.onmouseout = function() {
            currentMenu.style.visibility = "hidden";
    }
	
    actuator.showMenu = function() {
		if (navigator.userAgent.indexOf("Safari") != -1){
			safadj = 5; // browser specific adjustment
		} else {
			safadj = 0;
		}
		if (navigator.userAgent.indexOf("MSIE") != -1){
			ieadj =  document.body.clientWidth/2 - 700/2; // browser specific adjustment
		} else {
			ieadj = 0;
		}	
		if ((navigator.userAgent.indexOf("MSIE") != -1)&&(navigator.userAgent.indexOf("Mac") != -1)){
			macieadj = 80; // browser specific adjustment
		} else {
			macieadj = 0;
		}
		
        menu.style.left = this.offsetLeft + ieadj + safadj - macieadj + "px";
        menu.style.top = "60"; // this is where the menu is positioned vertically
        menu.style.visibility = "visible";
        currentMenu = menu;
    }
}