<!--
display_DropDownActual = ""; // ID del dropdown que despliega años
ObjActual = "";

function despliegueLista(id,url,obj){
// Asocia el url con el iframe y muestra la Lista de años asociados a un Subtema
// ID    Identificador del Subtema
// URL   url para asociar con el IFRAME (cuando es solo una), si hay varias, se guía por ID
// OBJ   Objeto sobre el cual hicieron click (interesa el obj.innerHTML asociado)

   // Si es el mismo Subtema el que ya está seleccionado, no hace nada
	if (display_DropDownActual==id) return;
	
   // Cambia el innerHTML, poniendo una marca ">>" indicando que está seleccionado.
   // Y quita la marca del que estaba antes seleccionado
   if (ObjActual != "") {
      ObjActual.innerHTML = ObjActual.innerHTML.replace (/&raquo/ig,"»");	  
      ObjActual.innerHTML = ObjActual.innerHTML.replace (/\<span\s+class\=["]?news_arrow["]?\>\»\<\/span\>\s+/ig,'');
      ObjActual.style.backgroundColor = "#F2F4F7"; // Graylight
   }
   obj.innerHTML = '<span class="news_arrow">»</span> ' + obj.innerHTML;
	obj.style.backgroundColor = "#BEC6D1"; // Graydark
   ObjActual = obj;
   
   // Si es un Subtema diferente de los siguientes, no hace nada
   if ((id=='HomSem') || (id=='HomIta') || (id=='HomSemNin') || (id=='HomEng')) {
		// Esconde el dropdownactual actual y muestra el nuevo
		if (display_DropDownActual!="")
			document.getElementById(display_DropDownActual).style.display = 'none';
		document.getElementById(id).style.display = '';
		display_DropDownActual = id; 
	} else {
	   if (display_DropDownActual!="") {
	      document.getElementById(display_DropDownActual).style.display = 'none';
	      display_DropDownActual="";
	   }
	}
	
	// Cambia el src del IFRAME
	document.getElementById("lista_listmp3").src="";
	document.getElementById("lista_listmp3").src=url;
} // END despliegueLista

//-->