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() {
	
	       
                //alert('sdadasdasd');
		tmph = menu.offsetTop - 15;		
		menu.style.left = (menu.offsetLeft + actuator.offsetWidth + 10) + "px";		
		menu.style.top = tmph + "px";
		menu.style.visibility = "visible";
		
		currentMenu = menu
	}
}