var ultimaSeleccion; //guarda la última seleccion de las opciones de arriba
//var ultimoLinkSeleccionado; //guarda el ultimo link de autores-estilos seleccionado
/*
 * Se encarga de pedir los datos al script, y de redibujar las pociones del menu
 * @seccion = la seccion de la cual pedir los nombres, ej. abc, def, etc, etc
 * @what = que buscamos?, estilos o autores?
 * @respuesta = vacio cuando lo llamamos desde la pagina, y con el contenido, cuando lo llamamos desde el script
 *  la respuesta es algo así: AindiceX:nombre1#id1;nombre2#id2,...,,nombren#idn|...|NindiceN:nombre1#id1;nombre2#id2...,nombren#idn
 *  o sea, A 		     = es el grupo de letras a las que pertenecen los nombres
 * 	   indiceX 	     = el nombre del div a cambiar
 *	   nombre1...nombren = los nombres a colocar 
 * 	   id1..idn 	     = el id del nombre
 */
function actualizaMenu(seccion,what,respuesta){
		if(respuesta) {
			//alert(respuesta);
			var opciones = respuesta.split("|"); //obtengo los strings para cada indice
			var nombres;
			var nombre;
			var linea;
			var div;
			var letra;
			var letras = "";
			for(i = 0; i < opciones.length; i++) {
				linea = opciones[i].split(":"); //en linea[0] queda el nombre del div a cambiar

				letra = linea[0].substr(0,1);
				letras += letra;
				if(letra == "_") {
					letra = String.fromCharCode(209);
				}
				div = document.getElementById(linea[0].substr(1,linea[0].length));
				div.innerHTML = "<span class=\"letra\">"+letra+"</span><p>";

				if(linea[1].indexOf(";") != -1) {
					nombres = linea[1].split(";");  //y en linea[1] quedan los nombres a poner y el id de la categoria
					for(j = 0; j < nombres.length; j++){
						nombre = nombres[j].split("#");
						div.innerHTML += "<a href=\"catalogo.php?id="+nombre[1]+"&letra="+letra.toUpperCase()+"\">" + nombre[0] + " &raquo;</a><br />";
					}
				}else {
					nombre = linea[1].split("#");					
					if(nombre[0].length > 0) {
						div.innerHTML += "<a href=\"catalogo.php?id="+nombre[1]+"&letra="+letra.toUpperCase()+"\">" + nombre[0] + " &raquo;</a><br />";
					}
				}
			}				
			/*
			   por ultimo, marco el link en el que estoy, como se debe
			*/
			letras.replace(String.fromCharCode(241),"_");
			var span = document.getElementById(letras);
			span.className = "letrasactiva";
			if(ultimaSeleccion) {
				ultimaSeleccion.className = "letras";
			}
			ultimaSeleccion = span;
			

		}else {
			var url = '../inc/xmlhttp/script_actualizaMenu.php?opt='+seccion+'&what='+what;
			loadXMLDoc(url);
		}
}

/*
 * Le paso una letra, y me devuelve el grupo de letras al que pertenece
 * @letra = la letra a buscar
 */
function calculaLetras(letra){
	var arrayLetras = new Array(
					"abc",
					"def",
					"ghi",
					"jkl",
					"mn_",
					"opq",
					"rst",
					"uvw",
					"xyz");

	for(i = 0; i < arrayLetras.length; i++) {
		if(arrayLetras[i].indexOf(letra) != -1) {
			return arrayLetras[i];	
		}
	}
}

/*
 * Redibuja el menu, para cambiar la seccion en la que estamos..., 
 * @switchTo = la seccion a la que cual cambiar (estios, autores)
 * @letrasInicial = dentro de la seccion, que opcion seleccionar automaticamente
 */
function switchMenu(switchTo,letrasInicial){
	var menu = document.getElementById('opcionesLetras');
	var seccionOff = (switchTo=='autores')?'estilos':'autores';

	var $menuHTML = ' <a id="abc" class="letras" href="javascript:;" onClick="actualizaMenu(\'abc\',\''+switchTo+'\');">ABC</a> ';
			$menuHTML += ' <a id="def" class="letras" href="javascript:;" onClick="actualizaMenu(\'def\',\''+switchTo+'\');">DEF</a> ';
			$menuHTML += ' <a id="ghi" class="letras" href="javascript:;" onClick="actualizaMenu(\'ghi\',\''+switchTo+'\');">GHI</a> ';
			$menuHTML += ' <a id="jkl" class="letras" href="javascript:;" onClick="actualizaMenu(\'jkl\',\''+switchTo+'\');">JKL</a> ';
			$menuHTML += ' <a id="mn_" class="letras" href="javascript:;" onClick="actualizaMenu(\'mn_\',\''+switchTo+'\');">MN\321</a> ';
			$menuHTML += ' <a id="opq" class="letras" href="javascript:;" onClick="actualizaMenu(\'opq\',\''+switchTo+'\');">OPQ</a> ';
			$menuHTML += ' <a id="rst" class="letras" href="javascript:;" onClick="actualizaMenu(\'rst\',\''+switchTo+'\');">RST</a> ';
			$menuHTML += ' <a id="uvw" class="letras" href="javascript:;" onClick="actualizaMenu(\'uvw\',\''+switchTo+'\');">UVW</a> ';
			$menuHTML += ' <a id="xyz" class="letras" href="javascript:;" onClick="actualizaMenu(\'xyz\',\''+switchTo+'\');">XYZ</a> ';

	/* actualizo el codigo del menu */
  menu.innerHTML =	$menuHTML;
	
	/*
	 * El menu seleccionado, tiene una imagen como link
	 */
	var opcion_actual = document.getElementById('link_' + switchTo);
	
	//opcion_actual.innerHTML = ' <a href="javascript:;" onClick="switchMenu(\''+switchTo+'\');"><img src="../images/boton_catalogo_'+switchTo+'_on.gif" border="0" ></a>';
	//opcion_actual.style.backgroundImage = "url(../images/boton_catalogo_"+switchTo+"_on.gif)";

	opcion_actual.className = "actual_"+switchTo;
	opcion_actual.innerHTML = "";

	//opcion_actual.style.width = "50%"; //arreglo el ancho de la opcion actual, para que se muestre bien la imagen


	var opcion_off = document.getElementById('link_'+seccionOff);

	//opcion_off.innerHTML = '<table width="100%"  border="0" cellspacing="0" cellpadding="0"><tr><td height="29" align="center"  background="../images/boton_catalogo_estilos_off.gif"><a href="javascript:;" class="textobotonestilos" onClick="switchMenu(\''+seccionOff+'\');">'+seccionOff+'</a></td></tr></table>';

	opcion_off.className = "estilos_off";
	//opcion_off.style.backgroundImage = "url(../images/boton_catalogo_estilos_off.gif)";
	opcion_off.innerHTML = '<a href="javascript:;" class="textobotonestilos" onClick="switchMenu(\''+seccionOff+'\');">'+seccionOff+'</a>';



	if(!letrasInicial) {
		letras = 'abc';
	}else {
		letras = letrasInicial;
	}

	/* actualizo el texto del breadcrumb (si estoy en vista catálogo) */
	if (document.getElementById('breadcrumbSeccion'))
		document.getElementById('breadcrumbSeccion').innerHTML = switchTo;

	actualizaMenu(letras,switchTo);
}

/*
 * Chequea el Login del usuario, si es válido, se le borra el formulario de login y se setean las variables
 * pertinentes en SESION. Si no es válido, se despliega el mensaje de error
 * @formulario = Nombre del FORM en donde están los campos de login
 * @dummy      = parametro al pedo, está acá, para tener solo una función manejadora de respuestas.
 * @respuesta  = el resultado del script, si es 1|nombre, entonces, el login es válido.
 		 sino, el login es inválido (digo..., media pila, que más va a ser sino..).
 */
function chequeaLogin(formulario,dummy,respuesta){
	if(respuesta) {
		var td_login 		= document.getElementById('td_login');
		var carrito  		= document.getElementById('informe_carrito');
		var datos_cliente 	= document.getElementById('td_datos_logeado');
		if(datos_cliente == null) {
			datos_cliente = document.getElementById('div_datos_logeado');
		}
		
		var div_login_requerido = document.getElementById('div_login_requerido');
		var login_success = document.getElementById('loginSuccess');
		datos = respuesta.split("|");
		if(datos[0] == 1) {
			td_login.style.display = "none";
			carrito.style.display  = "";
			if(datos_cliente) {
				datos_cliente.style.display = "";
				datos_cliente.innerHTML = '<div align="right" class="texto1cabezal" style="text-transform:capitalize;"><b>Bienvenido '+datos[1]+'</b></div><div align="right" class="textolinkcabezal"><b><a href="../registro/registro.php" class="textolinkcabezal">Cambiar Datos Personales &raquo;</a></b></div>';
			}
			if(div_login_requerido) {
				div_login_requerido.style.display = "none";
				login_success.style.display = "";
				window.location.href = datos[2]; /* realizo la accion encolada */
			}
			
		}else {
			document.getElementById('error_login').style.display = "";	
			var error_requerido = document.getElementById('error_login_requerido');
			if(error_requerido) {
				error_requerido.style.display = "";
			}
		}
	}else {
		var login = escape(document.getElementById(formulario).usuario.value);
		var pass  = escape(document.getElementById(formulario).clave.value);

		var url = '../login/hace_login.php?login='+login+'&pass='+pass;
		//window.open(url);
		loadXMLDoc(url);
	}


}