// definiciones grales
var isOpera = (navigator.userAgent.indexOf('Opera') != -1);
var isIE = (!isOpera && navigator.userAgent.indexOf('MSIE') != -1);
var webRoot = "/";

// variables
var currMenu = null;
var currTab = null;
var nextTab = null;
var nextName = null;
var currSubMenu = null;
var currMenuItem = null;
var nextSubName = null;

var timeout = 1000;

function activateMenu() {
    if (nextTab == null || nextName == null) return;
    nextTab.className = nextTab.className.replace("subbtn-off","subbtn-on");
    nextTab.className = nextTab.className.replace(/(item[1-9]+)$/g,"$1_on");
    if (currTab != null) {
    	currTab.className = currTab.className.replace("subbtn-on","subbtn-off");
	currTab.className = currTab.className.replace("_on","");
    	currTab.style.zIndex = 99;
    }

    currTab = nextTab;
    //alert(currTab.className);
    if (currTab != null) nextTab.style.zIndex = 100;
    if (currMenu != null) currMenu.style.display = "none";
    currMenu = document.getElementById("subitem-" + nextName);
    if (currMenu == null) currMenu = document.getElementById("subitem-empty");
    if (currMenu != null) currMenu.style.display = "block";
    if (currTab.getAttribute('menutype') == 'dropdown') {
    	if (!isIE) {
    		currTab.addEventListener("mouseout", checkoutMenu, false);
    		currMenu.addEventListener("mouseout", checkoutMenu, false);
    	} else {
    		currTab.attachEvent("onmouseout", checkoutMenu);
    		currMenu.attachEvent("onmouseout", checkoutMenu);
    	}
    } else checkoutMenu();
}
function showMenu(tab, name) {
    if (currTab == tab) return;
    nextTab = tab;
    nextName = name;
    if (timeout && tab.getAttribute('menutype') != 'dropdown') setTimeout("activateMenu()",timeout);
    else activateMenu();
}
function checkoutMenu(e) {
//alert(currTab.className);
	if (currTab && currTab.getAttribute('menutype') == 'dropdown') {
		var reltg = null;
		var reltgid = null;
		if (!e) e = window.event;
		if (e) {
 			reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
			while (reltg.id != "subitem-" + nextName && reltg.nodeName != 'BODY') reltg = reltg.parentNode;
			//alert(reltg.nodeName);
			reltgid = reltg.id;
		}
		if (reltg == null || (reltgid != "subitem-" + nextName && reltg != currTab)) {
			currMenu.style.display = "none";
			currTab.className = currTab.className.replace("subbtn-on","subbtn-off");
			currTab.className = currTab.className.replace("_on","");
			nextTab = null;
			currTab = null;
		}
	} else {
		nextName = null;
	}
}
function showSubMenu(submenu, name) {
	if (submenu == null || name == null) return;
	currMenuItem = submenu;
	nextSubName = name;
    currMenuItem.className = currMenuItem.className.replace("subbtn-off","subbtn-on");
    currSubMenu = document.getElementById("subitem-" + nextSubName);
 	if (currSubMenu == null) currSubMenu = document.getElementById("subitem-empty");
    if (currSubMenu != null) currSubMenu.style.display = "block";
    if (!isIE) {
    	currMenuItem.addEventListener("mouseout", checkoutSubMenu, false);
   		currSubMenu.addEventListener("mouseout", checkoutSubMenu, false);
   	} else {
   		currMenuItem.attachEvent("onmouseout", checkoutSubMenu);
   		currSubMenu.attachEvent("onmouseout", checkoutSubMenu);
   	}
}
function checkoutSubMenu(e) {
	if (currMenuItem && currMenuItem.getAttribute('menutype') == 'submenu') {
		var reltg = null;
		var reltgid = null;
		if (!e) e = window.event;
		if (e) {
 			reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
			while (reltg.id != "subitem-" + nextSubName && reltg.nodeName != 'BODY') reltg = reltg.parentNode;
			reltgid = reltg.id;
		}
		if (reltg == null || (reltgid != "subitem-" + nextSubName && reltg != currMenuItem)) {
			currSubMenu.style.display = "none";
			currMenuItem.className = currMenuItem.className.replace("subbtn-on","subbtn-off");
			currSubMenu = null;
			currMenuItem = null;
		}
	}
}
function defaultMenu(name) {
	nextTab = document.getElementById("menuitem-" + name);
	nextName = name;
	activateMenu();
    	checkoutMenu();
}


/*Toma la URL y la compara para devolver el menu activo*/
function getURLnavigator(){
  var strReturn = "";
  var strHref = parent.location;
  
  if ( strHref == 'http://latino.aol.com/aprende-ingles/' ){ var strReturn = 'home'; }
  if ( strHref == 'http://latino.aol.com/aprende-ingles/como-funciona' ){ var strReturn = 'como'; }
  if ( strHref == 'http://latino.aol.com/aprende-ingles/inscribete' ){ var strReturn = 'inscribete'; }
  if ( strHref == 'http://latino.aol.com/aprende-ingles/clases-de-ingles' ){ var strReturn = 'clases'; }
  if ( strHref == 'http://latino.aol.com/aprende-ingles/ayuda' ){ var strReturn = 'ayuda'; }
 
  defaultMenu(strReturn);
}