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;
	
	if (currentMenu == null)		// CARLOS y MARTA: para que despliegue por primera vez el menu.
		currentMenu = document.getElementById("1menu");
	
	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;
		
		var navegador = navigator.appName 
		if (navigator.userAgent.toLowerCase().indexOf("chrome") > -1) {
			var hz=window.screen.height
			var wz=window.screen.width		
				
			if  (wz == 1280) 	    {
				menu.style.left = this.offsetLeft+30 + "px";
				menu.style.top = tmph + (this.offsetTop-38 + this.offsetHeight) + "px";	    }
			if  (wz == 1024)		{
				menu.style.left = this.offsetLeft+35 + "px";
				menu.style.top = tmph + (this.offsetTop-38 + this.offsetHeight) + "px";		}
			if  (wz == 1680)		{
				menu.style.left = this.offsetLeft+35 + "px";
				menu.style.top = tmph + (this.offsetTop-38 + this.offsetHeight) + "px";		}	
		}
		else {	
		
			if (navegador != "Microsoft Internet Explorer") 
				{
					
					/******* CARLOS / MARTA
						'Esto es el ajuste de tamano del menu desplegable dependiendo de la resolución y de la anchura de la página.
						'SOLO PARA LOS QUE NO SEAN EXPLORER.
					
					*/
			
				var hz=window.screen.height
				var wz=window.screen.width		
	//alert(wz + " ALTO: " + hz)

				switch (wz) {
					case 1024:
						menu.style.left = this.offsetLeft+63 + "px";
						break;
						
					case 1280:
						menu.style.left = this.offsetLeft+185 + "px";
						break;
						
					case 1680:
						menu.style.left = this.offsetLeft+385 + "px";
						break;

					default:
						if (wz > 1680)	 {
							desplazo = (wz - 1680) / 2
							aunmento = desplazo + 385
							menu.style.left = this.offsetLeft+aunmento + "px";
							}
						else {
							if (wz < 1024) {								
								desplazo = (1024 - wz) / 2
								aunmento = 63 - desplazo
								menu.style.left = this.offsetLeft+aunmento + "px"; }
							else {
								desplazo = (1680 - wz) / 2
								aunmento = 385 - desplazo
								menu.style.left = this.offsetLeft+aunmento + "px"; }
							}
						break;
				}
				
				menu.style.top = tmph + (this.offsetTop-38 + this.offsetHeight) + "px";	
			}	
			else {
					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);
  }
}