// JavaScript Document
(function() {
window.onload = function() {	
		redimensiona();/*redimensiona la altura de la capa modal*/
		mostrar();/*muestra/oculta las capas de detalle cuenta y login*/
		ordCol(); /* ordena por columnas la tabla de resultados (funcionalidad sólo cambio de flechas )*/
		cerrar_popup();
		
}})();

function redimensiona()
{	
	if(document.getElementById('capa_modal'))
	{
		var altura=0;
		var navegador = navigator.appName;
		if (navegador == "Microsoft Internet Explorer")
			altura=document.body.scrollHeight;
		else
			altura=window.document.height;
		
		var capa=document.getElementById('capa_modal');			
		capa.style.height=altura+"px";
	}
}

function cerrar_popup()
{
	if(document.getElementById("cerrar_popup"))
	{
		var bot=document.getElementById("cerrar_popup");
		bot.onclick=function()
		{
			document.getElementById("capa_modal").style.display="none";
			document.getElementById("popup").style.display="none";
		}
	}
}

//--------------------------------------- mostrar ocultar / capas -------------------------------------------

function mostrar()
{	
	var bot;
	var lista;
	var opc;
	var aux;
	var sel;
	
	if(document.getElementById("bot_dpl"))
	{
		bot=document.getElementById("bot_dpl");
		lista=document.getElementsByTagName("div");
		bot.onclick=function()
		{
			for(i=0; i<lista.length; i++)
			{
				id=lista[i].id;
				aux=id.substring(0,7);
				opc=id.substring(7,10); 
				if(aux=="cuenta_")
				{
					sel=this.className;
					if(sel=="arrow_dwn")
					{
						if(opc=="log")
						{	
							document.getElementById(aux+opc).style.display="block";
							this.className="arrow_up";
						}
						if(opc=="det")
						{	
							document.getElementById(aux+opc).style.display="block";
							this.className="arrow_up";
						}
						
					}
					else
					{
						if(opc=="log")
						{	
							document.getElementById(aux+opc).style.display="none";
							this.className="arrow_dwn";
						}
						if(opc=="det")
						{	
							document.getElementById(aux+opc).style.display="none";
							this.className="arrow_dwn";
						}
					}
				}
			}
						
		}
	}
};

function ordCol()
{	
	/*se asume inicialmente que al activar el orden de una columna, ésta se muestra en orden ascendente*/
	if(document.getElementsByName("ord"))
	{
		var listA=document.getElementsByName("ord");
		
		var literal_asc="Ordenar ascendentemente por ";
		var literal_desc="Ordenar descendentemente por ";
		
		for(var i=0; i<listA.length; i++)
		{
			var id=listA[i].id;
	
			if(id.substring(0,4)=="ord_")
			{	
				listA[i].onclick=function()
				{
					/*guardamos el estado de la columna clickada*/
					var estado=this.className; 
					
					/*guardamos el nombre de la columna clickada*/
					var aux=this.id;
					var col=aux.substring(4); /*guarda el nombre de la columna clickada*/				
					/*literal del th correspondiente*/
					var lit=document.getElementById(col).firstChild; 
					var colName=lit.data;
					
					/*desactiva la ordenación de todas las columnas*/
					for(var j=0; j<listA.length; j++)
					{
						listA[j].className="";
						
						var id2=listA[j].id;
						var col2=id2.substring(4); 				
						/*literal del th correspondiente*/
						var lit2=document.getElementById(col2).firstChild; 
						var colName2=lit2.data;
						listA[j].title=literal_asc+colName2;/*cambia literal del tooltip*/
					}
					
	
					/*activa la ordenación de la columna clickada*/
					if(estado=="act_up")/*si la columna clickada estaba activa y ordenada descendentemente*/
					{
						this.className="act_dwn";/*la columna permanece activa y se ordena descendentemente*/
						this.title=literal_asc+colName; /*cambia literal del tooltip*/
					}
					else/* si la columna no está activa o está activa y ordenada descendentememente*/
					{
						this.className="act_up"; 	/*columna activa y se ordena ascendentemente*/	
						this.title=literal_desc+colName;/*cambia literal del tooltip*/
					}
				}
			}
		}
	}
}