var keyCloseMenu = new Array();
var currentMenu = 0;

$(document).ready(function () {

    var elmArray = new Array();
    elmArray = document.getElementById("capaMenu_x").getElementsByTagName("a");
    var lenNum = elmArray.length;

    for (var index = 0; index < lenNum; index++) {
         setMenu(elmArray[index].id.split("_")[1]);
    }
});

function setMenu(currentId) //.> Set Menu
{
    keyCloseMenu[currentId] = false;

    // depth level in menu
    var depth = currentId.length;
    if (depth == 1) $('#Menu_' + currentId).mouseover(function () { keyCloseMenu[currentId] = false; openMenu(currentId); }); //.> Open on mouse over
	//$('#Menu_' + currentId).mouseout(function() { preCloseMenu(currentId); });  //.> Close on mouse out


	if( document.getElementById("capaMenu_" + currentId) != null ) {
	   
        $("#capaMenu_" + currentId).fadeOut("fast");
		
        for (var index = 0; index < document.getElementById("capaMenu_" + currentId).getElementsByTagName("a").length; index ++)
		{
			forId = document.getElementById("capaMenu_"+currentId).getElementsByTagName("a")[index].id.split("_")[1];
			
			$('#Menu_' + forId).mouseover(function() { keyCloseMenu[currentId] = false; });
			$('#Menu_' + forId).mouseout(function() { preCloseMenu(currentId); });  //.> Close on mouse out
		}
	}
}

function openMenu(currentId) //.> Open Menu
{
	for (var index = 0; index < document.getElementById("capaMenu_x").getElementsByTagName("a").length; index ++)
	{
		forId = document.getElementById("capaMenu_x").getElementsByTagName("a")[index].id.split("_")[1];
			if(forId != currentId) { keyCloseMenu[forId] = true; closeMenu(forId); }
	}
	
	$("#capaMenu_"+currentId).fadeIn("slow");
}

function preCloseMenu(currentId) //.> Prepare to Close Menu 
{
	keyCloseMenu[currentId] = true;
	setTimeout('closeMenu('+currentId+');', 500); //.> Timer
}

function closeMenu(currentId) //.> Close Menu
{
	if(keyCloseMenu[currentId])
	{
		$("#capaMenu_"+currentId).fadeOut("fast");
	}
}