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);
	var timer;
	
    if (menu == null || actuator == null) return;
	
	actuator.onmouseover = function() {
		window.clearTimeout(timer);
        if (currentMenu) {
            currentMenu.style.visibility = "hidden";
			menu.style.left ="";
			menu.style.top = "";
            this.showMenu();
        }
    }
	
	actuator.onmouseout = function() {
		window.clearTimeout(timer);
        if (currentMenu != menu) {
			menu.style.left ="";
			menu.style.top = "";
            this.showMenu();
        }
    }
	
	menu.onmouseout = function() {
        if (currentMenu != null) {
			timer = window.setTimeout('currentMenu.style.visibility = "hidden"',1000)
		}
		else {
			window.clearTimeout(timer);
		}
    }
	
	menu.onmouseover = function() {
   		window.clearTimeout(timer);
    }

	actuator.showMenu = function() {
		tmph = menu.offsetTop;
		menu.style.left = this.offsetLeft + "px";
		menu.style.top = tmph + (this.offsetTop + this.offsetHeight) + "px";
		menu.style.visibility = "visible";
		currentMenu = menu
	}
}