// Documento JavaScript

/* Función creada por Ade Castro, a partir de la function getElementsByClassName de Jonathan Snook */ 
function CambiarEstilo(id) {
/* 	1) Se selecciona el elemento que se ha pulsado, a través de su id.
	2) Se seleccionan los elementos activos y se cambian al estilo inactivo.
   	3) Se seleccionan todos los inactivos y se guarda en otro array. En este caso se seleccionan Todos los elementos, ya que justo antes de ejecutarse getElementsByClassName, en ese instante, todos tendrían  el modo inactivo.
   	4) Se recorre el array y si el id del elemento inactivo coincide con el id pulsado, se cambia el estilo del elemento enlace que se ha pulsado, al modo activo. */
   
	var idseleccionado=document.getElementById(id);
		
	/* Para las opciones del Menú Estable */
	var elementosMenu = getElementsByClassName(document, "a", "activomenu");
	for (i = 0; i< elementosMenu.length; i++) {
		elementosMenu[i].className = "inactivomenu";}
	var MenuTodos = getElementsByClassName(document, "a", "inactivomenu");	
	for (z = 0; z< MenuTodos.length; z++) {		
		if(MenuTodos[z].id==id){
			idseleccionado.className="activomenu";		
			if(z<5){MenuTodos[z+5].className="activomenu";} 
			else if(z>4 && z<10){MenuTodos[z-5].className="activomenu";}						
		}
	}		
	/* Para las opciones de Opinión */
	var elementosOpinion = getElementsByClassName(document, "a", "activopinion");
	for (i = 0; i< elementosOpinion.length; i++) {
		elementosOpinion[i].className = "inactivopinion";}
	var OpinionTodos = getElementsByClassName(document, "a", "inactivopinion");
	for (z = 0; z< OpinionTodos.length; z++) {
		if(OpinionTodos[z].id==id){
			idseleccionado.className="activopinion";
			var menu_opinionsup=document.getElementById("linkmenu3");
			menu_opinionsup.className="activomenu";
			var menu_opinioninf=document.getElementById("linkmenu8");
			menu_opinioninf.className="activomenu";
		}
	}				
	/* Para las opciones del Sumario */
	var elementosSumario = getElementsByClassName(document, "a", "activosumario");
	for (i = 0; i< elementosSumario.length; i++) {
		elementosSumario[i].className = "inactivosumario";	}		
	var SumarioTodos = getElementsByClassName(document, "a", "inactivosumario"); 
	for (z = 0; z< SumarioTodos.length; z++) {
		if(SumarioTodos[z].id==id){		
			idseleccionado.className="activosumario";		
		}
	}	
}


/*  function getElementsByClassName    Written by Jonathan Snook, http://www.snook.ca/jonathan    Add-ons by Robert Nyman, http://www.robertnyman.com */
function getElementsByClassName(oElm, strTagName, strClassName){
    var arrElements = (strTagName == "*" && document.all)? document.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];      
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }   
    }
    return (arrReturnElements)
}

/* Función que oculta o muestra un elemento*/
function HideElement(id) {    
        document.getElementById(id).className = "oculta";    
}
function ShowElement(id) {
	document.getElementById(id).className = "muestra";    
}