// navegación del web
var opcionv;
var subopcionv;
var subsubopcionv;
function activaMain(opcion){
	// activamos la opción principal y desactivamos las demás
	var opcMain = document.getElementById("opcion"+opcion);
	var opciones = opcMain.parentNode.parentNode.getElementsByTagName("A");
	for (var i=0; i<opciones.length; i++) opciones[i].className = (i==(opcion-1))? "activa" : "";
		// ocultamos todos los menús secundarios y mostramos el actual si lo tiene
	ocultaElement("menu2");	
	var existe = (document.getElementById("menu1_"+opcion)!=undefined);
	if (existe) document.getElementById("menu1_"+opcion).style.display = "block";
		// ocultamos los menús de tercer nivel si lo hubiera
	ocultaElement("menu3");
}

function activaSec(opcion, subopcion){
	// activamos la opción principal y desactivamos las demás
	var opcMain = document.getElementById("opcion"+opcion+"_"+subopcion);
	var opciones = opcMain.parentNode.parentNode.getElementsByTagName("A");
	for (var i=0; i<opciones.length; i++) opciones[i].className = (i==(subopcion-1))? "activa" : "";
	
	// ocultamos todos los menús secundarios y mostramos el actual si lo tiene
	ocultaElement("menu3");
	var existe = (document.getElementById("menu1_"+opcion+"_"+subopcion)!=undefined);
	if (existe) document.getElementById("menu1_"+opcion+"_"+subopcion).style.display = "block";
}

function activaTer(opcion, subopcion, subsubopcion){
	// activamos la opción principal y desactivamos las demás
	var opcMain = document.getElementById("opcion"+opcion+"_"+subopcion+"_"+subsubopcion);
	var opciones = opcMain.parentNode.parentNode.getElementsByTagName("A");
	for (var i=0; i<opciones.length; i++) opciones[i].className = (i==(subsubopcion-1))? "activa" : "";
}

function ocultaElement(id, tipo){
	var elementoBase = document.getElementById(id);
	var elemento = elementoBase.getElementsByTagName("UL");
	for (var i=0; i<elemento.length; i++){
		elemento[i].style.display = "none";
		// desactivamos todos
		var lista = elemento[i].getElementsByTagName("A");
		for (var j=0; j<lista.length; j++) lista[j].className = "";		
	}
}

function arranca(opcion, subopcion, subsubopcion){
    
	// ocultamos todo
	ocultaElement("menu3");
	ocultaElement("menu2");
	// mostramos lo necesario
	if (opcion!=0) activaMain(opcion);
	if (subopcion!=0) activaSec(opcion, subopcion);
	if (subsubopcion!=0) activaTer(opcion, subopcion, subsubopcion);
	opcionv = opcion;
	subopcionv = subopcion;
	subsubopcionv = subsubopcion;
}

function ocultaTercerMenu()
{
    ocultaElement("menu3");
}

function comprobarPadre(elemento,idPadre){
    if (elemento.parentNode==null || elemento.parentNode.nodeName == "BODY") {
        return false;
    }
    
    if(elemento.id == "logo1" || elemento.id == "menuExtras") {
        return false;
    }
    
    if(elemento.id == "cabecera" || elemento.id == "menus") {
        return true;
    }
  
    if (elemento.parentNode.id == idPadre){  
        return true;
    }else{
        return comprobarPadre(elemento.parentNode,idPadre);
    }
}

function controlEventoCabecera(evt){

    var bname = navigator.appName;
    if (bname == "Microsoft Internet Explorer"){
        if(event.toElement != null){
            if(!comprobarPadre(event.toElement,"menus")){
                var reiniciaMenu = document.body.onload;
                if (reiniciaMenu != null) reiniciaMenu();
            }   
        }      
    }
    else{
        if (!evt) evt = window.event;
        if(!comprobarPadre(evt.relatedTarget,"menus")){
            window.document.body.onload = arranca(opcionv,subopcionv,subsubopcionv);
        }   
    }
}