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

	menu.onmouseover = function() {
   		window.clearTimeout(timer);
            dentroMenu=true;
    }

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

function desapareceMenuActual(){ //funcion que al ser llamada oculta el menu actual

  if (currentMenu != null) {
    timer = window.setTimeout('currentMenu.style.visibility = "hidden"',500)
  }
  else {
    window.clearTimeout(timer);
  }
}