// this array controls the values and text for the options. The first values is the text, the second is the value.
dhtml_optionsArray = new Array();
// Control de las capas abiertas
capas_abiertas = new Array();
isExpanded = false;
clicked = false;
//constants
// these match the properties as defined in the style sheet.
//FONT_SIZE = 10;
SELECT_HEIGHT = 18;
SELECT_WIDTH = 140;

var estanteseleccionado;

function doSomething(e,idLibro,idOrigen) {
	var ev = e || window.event;
	var tg = (window.event) ? ev.srcElement : ev.target;
	if (tg.nodeName != 'DIV') return;
	/*var reltg = (ev.relatedTarget) ? ev.relatedTarget : ev.toElement;
            while (reltg != tg && reltg.nodeName != 'BODY')
                    reltg= reltg.parentNode
            if (reltg== tg) return;*/
         mirarOut(idLibro,idOrigen);
	// Mouseout took place when mouse actually left layer
	// Handle event
}

function buttonClicked(idLibro, idOrigen) {
    var id=idLibro+''+idOrigen;
    xDoc = document.getElementById;
    obj = document.getElementById("dhtml_select_options"+idLibro+idOrigen);
    if(document.forms['form'+idLibro+idOrigen].click.value == '0'){

    }
	if(!isExpanded) {
		obj.style.display="block";
		isExpanded = true;
		if(!clicked) {
            clicked=true;
            obj.style.position = "absolute";
            obj.style.top = (obj.style.top+SELECT_HEIGHT) + "px";
            obj.style.width = SELECT_WIDTH + "px";
            obj.style.borderStyle = "solid";
            obj.style.borderWidth="1px;";
            obj.style.overflow="auto"
            rPadding = dhtml_optionsArray.length*2;
            //obj.style.height = (((dhtml_optionsArray.length) * FONT_SIZE) + rPadding) + "px";
            if (dhtml_optionsArray.length<=0){
                obj.style.height="0px";
            }else{
                obj.style.height="80px";
            }
            mHTML = "";
			for(i=0;i<dhtml_optionsArray.length;i++){
                mHTML += "<a class=\"dhtml_href\" href=\"javascript:handleSelect('" + i + "','"+idLibro+"','"+idOrigen+"');\">" + dhtml_optionsArray[i][0] + "</a>";
            }
            if(document.forms['form'+idLibro+idOrigen].click.value == '0'){
                obj.innerHTML += mHTML;
            }
            document.forms['form'+idLibro+idOrigen].click.value = '1';
        }
	} else {
		document.getElementById("dhtml_select_dummy"+idLibro+idOrigen).style.display="block";
		obj.style.display="none";
		isExpanded = false;
	}
}

function handleSelect(mID, idLibro, idOrigen) {
    isExpanded = false;
    document.forms['form'+idLibro+''+idOrigen].combo.value =  dhtml_optionsArray[mID][1];
    document.getElementById("dhtml_select_dummy"+idLibro+""+idOrigen).innerHTML = dhtml_optionsArray[mID][0];
    document.getElementById("dhtml_select_dummy"+idLibro+""+idOrigen).style.display="block";
    document.getElementById("dhtml_select_options"+idLibro+""+idOrigen).style.display="none";
}
// Precarga de imágenes
if (document.images) {
    var boton1_off = new Image();
    boton1_off.src = "/i/estrellaValor.gif";
    var boton1_on = new Image();
    boton1_on.src = "/i/estrellaValorLlena.gif";
}

// Carga de imagen cuando el ratón pasa por encima
function entra(formName, boton, idLibro, idOrigen) {
    var botonString = boton;
    if(document.getElementById(formName).starAction.value=='0'){
        if (document.images) {
            if (botonString.indexOf('boton1')!=-1) {
                document.images[boton].src = boton1_on.src;
            }
            if (botonString.indexOf('boton2')!=-1) {
                document.images['boton1'+idLibro+idOrigen].src = boton1_on.src;
                document.images[boton].src = boton1_on.src;
            }
            if (botonString.indexOf('boton3')!=-1) {
                document.images['boton1'+idLibro+idOrigen].src = boton1_on.src;
                document.images['boton2'+idLibro+idOrigen].src = boton1_on.src;
                document.images[boton].src = boton1_on.src;
            }
            if (botonString.indexOf('boton4')!=-1) {
                document.images['boton1'+idLibro+idOrigen].src = boton1_on.src;
                document.images['boton2'+idLibro+idOrigen].src = boton1_on.src;
                document.images['boton3'+idLibro+idOrigen].src = boton1_on.src;
                document.images[boton].src = boton1_on.src;
            }
            if (botonString.indexOf('boton5')!=-1) {
                document.images['boton1'+idLibro+idOrigen].src = boton1_on.src;
                document.images['boton2'+idLibro+idOrigen].src = boton1_on.src;
                document.images['boton3'+idLibro+idOrigen].src = boton1_on.src;
                document.images['boton4'+idLibro+idOrigen].src = boton1_on.src;
                document.images[boton].src = boton1_on.src;
            }
        }
    }
}

// Carga de imagen cuando el ratón abandona el área de la imagen
function sale(formName, boton, idLibro, idOrigen) {
    var botonString = boton;
    if(document.getElementById(formName).starAction.value=='0'){
        if (document.images) {
            if (botonString.indexOf('boton1')!=-1) {
                document.images[boton].src = boton1_off.src;
            }
            if (botonString.indexOf('boton2')!=-1) {
                document.images['boton1'+idLibro+idOrigen].src = boton1_off.src;
                document.images[boton].src = boton1_off.src;
            }
            if (botonString.indexOf('boton3')!=-1) {
                document.images['boton1'+idLibro+idOrigen].src = boton1_off.src;
                document.images['boton2'+idLibro+idOrigen].src = boton1_off.src;
                document.images[boton].src = boton1_off.src;
            }
            if (botonString.indexOf('boton4')!=-1) {
                document.images['boton1'+idLibro+idOrigen].src = boton1_off.src;
                document.images['boton2'+idLibro+idOrigen].src = boton1_off.src;
                document.images['boton3'+idLibro+idOrigen].src = boton1_off.src;
                document.images[boton].src = boton1_off.src;
            }
            if (botonString.indexOf('boton5')!=-1) {
                document.images['boton1'+idLibro+idOrigen].src = boton1_off.src;
                document.images['boton2'+idLibro+idOrigen].src = boton1_off.src;
                document.images['boton3'+idLibro+idOrigen].src = boton1_off.src;
                document.images['boton4'+idLibro+idOrigen].src = boton1_off.src;
                document.images[boton].src = boton1_off.src;
            }
        }
    }
}

function fijarValorStar(formName, val, idLibro, idOrigen){
    document.getElementById(formName).starAction.value=val;
    switch(val){
        case "1":
            document.images['boton1'+idLibro+idOrigen].src = boton1_on.src;
            document.images['boton2'+idLibro+idOrigen].src = boton1_off.src;
            document.images['boton3'+idLibro+idOrigen].src = boton1_off.src;
            document.images['boton4'+idLibro+idOrigen].src = boton1_off.src;
            document.images['boton5'+idLibro+idOrigen].src = boton1_off.src;
        break;
        case "2":
            document.images['boton1'+idLibro+idOrigen].src = boton1_on.src;
            document.images['boton2'+idLibro+idOrigen].src = boton1_on.src;
            document.images['boton3'+idLibro+idOrigen].src = boton1_off.src;
            document.images['boton4'+idLibro+idOrigen].src = boton1_off.src;
            document.images['boton5'+idLibro+idOrigen].src = boton1_off.src;
        break;
        case "3":
            document.images['boton1'+idLibro+idOrigen].src = boton1_on.src;
            document.images['boton2'+idLibro+idOrigen].src = boton1_on.src;
            document.images['boton3'+idLibro+idOrigen].src = boton1_on.src;
            document.images['boton4'+idLibro+idOrigen].src = boton1_off.src;
            document.images['boton5'+idLibro+idOrigen].src = boton1_off.src;
        break;
        case "4":
            document.images['boton1'+idLibro+idOrigen].src = boton1_on.src;
            document.images['boton2'+idLibro+idOrigen].src = boton1_on.src;
            document.images['boton3'+idLibro+idOrigen].src = boton1_on.src;
            document.images['boton4'+idLibro+idOrigen].src = boton1_on.src;
            document.images['boton5'+idLibro+idOrigen].src = boton1_off.src;
        break;
        case "5":
            document.images['boton1'+idLibro+idOrigen].src = boton1_on.src;
            document.images['boton2'+idLibro+idOrigen].src = boton1_on.src;
            document.images['boton3'+idLibro+idOrigen].src = boton1_on.src;
            document.images['boton4'+idLibro+idOrigen].src = boton1_on.src;
            document.images['boton5'+idLibro+idOrigen].src = boton1_on.src;
        break;
    }
}

function IsIE(){
    return ( navigator.appName=="Microsoft Internet Explorer" );
}

function getTopPosComprar(inputObj){
    var returnValue = inputObj.offsetTop;
    while((inputObj = inputObj.offsetParent) != null){
        if(inputObj.tagName!='HTML') returnValue += inputObj.offsetTop;
    }
    return returnValue;
}

function getLeftPosComprar(inputObj){
	var returnValue = inputObj.offsetLeft;
	while((inputObj = inputObj.offsetParent) != null){
		if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
	}
	return returnValue;
}

function cerrarCapasAbiertas(){
    for (i=0;i<capas_abiertas.length;i++){
        var idLibro=capas_abiertas[i][0];
        var idOrigen=capas_abiertas[i][1];
        mirarOut (idLibro, idOrigen);
    }
    capas_abiertas=new Array();
}
function mostrarVentana(idLibro, titulo, enlaceTitulo, idAutor1, idAutor2, idAutor3, autores, valoracionMedia, origen, urlCdl, idOrigen, divOrigen, xoffset, yoffset, left, top){
    cerrarCapasAbiertas();
    capas_abiertas[capas_abiertas.length]=new Array(idLibro,idOrigen);
    clicked=false;
    var capaLib=document.getElementById("capa"+idLibro+idOrigen);
    var actualProductDiv = document.getElementById(divOrigen);
    var actualXPos = getLeftPosComprar(actualProductDiv);
    var actualYPos = getTopPosComprar(actualProductDiv);
    actualXPos=actualXPos+xoffset;
    actualYPos=actualYPos+yoffset;

    if (capaLib.style.display=='' || capaLib.style.display=='none' || capaLib.style.visibility=='hidden'){
        capaLib.style.display = 'block';
        capaLib.style.visibility='visible';
        if(document.forms['form'+idLibro+idOrigen]==null){
            var htmltext='<div id="capaEspecial'+idLibro+idOrigen+'" style="left:'+actualXPos+'px;top:'+actualYPos+'px;display:block;visibility:visible" class="tooltip" onmouseover="javascript:mantenerCapa(\''+idLibro+'\',\''+idOrigen+'\')" onmouseout="javascript:doSomething(event,\''+idLibro+'\',\''+idOrigen+'\');">';
            if(top=='false'){
                htmltext+='<div class="topFooter"></div>';
            }else{
                if(left=='false')
                    htmltext+='<div class="topInv"></div>';
                else
                    htmltext+='<div class="top"></div>';
            }
            htmltext=htmltext+'<div class="middle">';
            htmltext += '<div id="contenedorTT">';
            htmltext += '<div id="tituloTT">';
            if(enlaceTitulo!='')
                htmltext += '<a href="'+enlaceTitulo+'" title="Ver Libro">';
            htmltext += '<h1>'+titulo+'</h1>';
            if(enlaceTitulo!='')
                htmltext += '</a>';
            if(valoracionMedia>=1)
                htmltext += '(<img src="/i/estrella.jpg" width="10" height="10" />';
            if(valoracionMedia>=3)
                htmltext += '<img src="/i/estrella.jpg" width="10" height="10" />';
            if(valoracionMedia>=5)
                htmltext += '<img src="/i/estrella.jpg" width="10" height="10" />';
            if(valoracionMedia>=7)
                htmltext += '<img src="/i/estrella.jpg" width="10" height="10" />';
            if(valoracionMedia>=9)
                htmltext += '<img src="/i/estrella.jpg" width="10" height="10" />';
            if(valoracionMedia>=1)
                htmltext +=')'+valoracionMedia;
            htmltext +='</div>';
            htmltext += '<div id="Der50">';
            htmltext += '<div id="filtroTT">';
            htmltext += '<div id="filtroTT2"><a href="'+urlCdl+'"><img src="/i/carroCasa.jpg"></a></div>';
            if(autores!=null && autores!=""){
                htmltext += '<p>Por '+autores+'</p>';
               }
            htmltext += '</div></div>';
            htmltext += '<form name="form'+idLibro+idOrigen+'" id="form'+idLibro+idOrigen+'" action="/anadirLibro" method="post" style="z-index:20">';
            htmltext += '<div id="valorTT"><p>Valorar el libro: ';
            htmltext += '<img name="boton1'+idLibro+idOrigen+'" src="/i/estrellaValor.gif" onMouseOver = "entra(\'form'+idLibro+idOrigen+'\', \'boton1'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onMouseOut = "sale(\'form'+idLibro+idOrigen+'\', \'boton1'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onclick="fijarValorStar(\'form'+idLibro+idOrigen+'\', \'1\', \''+idLibro+'\', \''+idOrigen+'\');">';
            htmltext += '<img name="boton2'+idLibro+idOrigen+'" src="/i/estrellaValor.gif" onMouseOver = "entra(\'form'+idLibro+idOrigen+'\', \'boton2'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onMouseOut = "sale(\'form'+idLibro+idOrigen+'\', \'boton2'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onclick="fijarValorStar(\'form'+idLibro+idOrigen+'\', \'2\', \''+idLibro+'\', \''+idOrigen+'\');">';
            htmltext += '<img name="boton3'+idLibro+idOrigen+'" src="/i/estrellaValor.gif" onMouseOver = "entra(\'form'+idLibro+idOrigen+'\', \'boton3'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onMouseOut = "sale(\'form'+idLibro+idOrigen+'\', \'boton3'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onclick="fijarValorStar(\'form'+idLibro+idOrigen+'\', \'3\', \''+idLibro+'\', \''+idOrigen+'\');">';
            htmltext += '<img name="boton4'+idLibro+idOrigen+'" src="/i/estrellaValor.gif" onMouseOver = "entra(\'form'+idLibro+idOrigen+'\', \'boton4'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onMouseOut = "sale(\'form'+idLibro+idOrigen+'\', \'boton4'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onclick="fijarValorStar(\'form'+idLibro+idOrigen+'\', \'4\', \''+idLibro+'\', \''+idOrigen+'\');">';
            htmltext += '<img name="boton5'+idLibro+idOrigen+'" src="/i/estrellaValor.gif" onMouseOver = "entra(\'form'+idLibro+idOrigen+'\', \'boton5'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onMouseOut = "sale(\'form'+idLibro+idOrigen+'\', \'boton5'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onclick="fijarValorStar(\'form'+idLibro+idOrigen+'\', \'5\', \''+idLibro+'\', \''+idOrigen+'\');">';
            htmltext += '</p></div>';
            htmltext += '<div id="estadoTT">';
            htmltext += '<div id="alinearTXT"><label>Lo he le&iacute;do</label></div>';
            htmltext += '<div id="alinear"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" id="tipoClasificado1" name="clasificado" value="1" onclick="javascript:chequearClasificado(1, \''+idLibro+'\',\''+idOrigen+'\')"></div>';
            htmltext += '<div id="alinearTXT"><label>Lo estoy leyendo</label></div>';
            htmltext += '<div id="alinear"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" id="tipoClasificado2" name="clasificado" value="2" onclick="javascript:chequearClasificado(2, \''+idLibro+'\',\''+idOrigen+'\')"></div>';
            htmltext += '<div id="alinearTXT"><label>Lo voy a leer</label></div>';
            htmltext += '<div id="alinear"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" id="tipoClasificado3" name="clasificado" value="3" onclick="javascript:chequearClasificado(3, \''+idLibro+'\',\''+idOrigen+'\')"></div></div>'
            htmltext += '<input type="hidden" id="tipoClasificadoHidden1" name="tipoClasificadoHidden1" value="false" />';
            htmltext += '<input type="hidden" id="tipoClasificadoHidden2" name="tipoClasificadoHidden2" value="false" />';
            htmltext += '<input type="hidden" id="tipoClasificadoHidden3" name="tipoClasificadoHidden3" value="false" />';
            htmltext += '<br /><div id="aniadirTT"><label>A&ntilde;adir a biblioteca</label>';
            htmltext += '<input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="hidden" id="combo" name="combo"/>';
            htmltext += '<div id="dhtml_select" class="dhtml_select">';
            htmltext += '<img onclick="buttonClicked(\''+idLibro+'\',\''+idOrigen+'\');" src="/i/dhtml_select_button.gif" alt="imagen" style="position: absolute; top: 0px; left: 130px; z-index: 10;">';

            htmltext += '<div id="dhtml_select_dummy'+idLibro+''+idOrigen+'" class="dhtml_select_dummy">Selecciona tu biblioteca</div>';
            htmltext += '<div id="dhtml_select_options'+idLibro+''+idOrigen+'" class="m_dhtml_select_options"></div>';
            htmltext += '</div>';//dhtml_select
            htmltext += '</div>';//aniadirTT

            htmltext += '<div id="comentarioTT"><textarea name="opinion" id="opinion" cols="20" rows="3" onfocus="if(this.value==\'Incluye tu opini\xf3n..\')this.value=\'\';" onblur="if(this.value.replace(/^(\\s|\\&nbsp;)*|(\\s|\\&nbsp;)*$/g,\'\')==\'\')this.value=\'Incluye tu opini\xf3n..\';"  onkeypress="javascript:validaTextAreaCapa(this,650,'+idLibro+idOrigen+')" onKeyUp="javascript:validaTextAreaCapa(this,650,'+idLibro+idOrigen+')" oncontextmenu="return false;">Incluye tu opini\xf3n..</textarea></div>';
        htmltext += '<div style="display:none;font-family:Verdana, Arial;font-size:12px;color:red;font-weight:bold" id="error'+idLibro+idOrigen+'"></div>';
            getSelectEstantes();

            htmltext += '<div id="recomendamosTT">';// select name="tiposLectura"
            htmltext += '<h2>Recomendado para:</h2>';
            htmltext += '<div style="float:left;width:99%">';
            htmltext += '<div style="float:left;width:45%;padding-left:0;font-family: Arial;font-size:12px;color:#515151">';
            htmltext += '<ul style="margin:0;padding:0;list-style:none">';
            htmltext += '<li style="margin:0;padding:0;position:relative;top:10;"><label for="tipoLectura1">-Leer en la calle</label><div id="alinearRADIO"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" name="tipoLec" id="tipoLectura1" /></div></li>';
            htmltext += '<li style="margin:0;padding:0"><label for="tipoLectura2">-Leer en casa</label><div id="alinearRADIO"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" name="tipoLec" id="tipoLectura2" /></div></li>';
            htmltext += '<li style="margin:0;padding:0;position:relative;bottom:10;"><label for="tipoLectura3">-Leer en vacaciones</label><div id="alinearRADIO"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" name="tipoLec" id="tipoLectura3" /></div></li>';
            htmltext += '<li style="margin:0;padding:0;position:relative;bottom:10;"><label for="tipoLectura4">-Leer en todo momento</label><div id="alinearRADIO"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" name="tipoLec" id="tipoLectura4" /></div></li>';
            htmltext += '<input type="hidden" name="tipoLectura" value="0" />';
            htmltext += '</ul>';
            htmltext += '</div>';
            htmltext += '<div style="float:right;width:40%;font-family: Arial;font-size:12px;color:#fd7818;font-weight:bold">';

            htmltext += '<li style="margin:0;padding:0;position:relative;top:10;"><label for="tipoValoracion1">regalar</label><div id="alinearCHECK"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="checkbox" name="tipoValoracion1" id="tipoValoracion1" /></div></li>';
            htmltext += '<li style="margin:0;padding:0"><label for="tipoValoracion2">aprender</label><div id="alinearCHECK"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="checkbox" name="tipoValoracion2" id="tipoValoracion2" /></div></li>';
            htmltext += '<li style="margin:0;padding:0;position:relative;bottom:10;"><label for="tipoValoracion3">disfrutar</label><div id="alinearCHECK"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)"t type="checkbox" name="tipoValoracion3" id="tipoValoracion3" /></div></li>';
            htmltext += '<li style="margin:0;padding:0;position:relative;bottom:20;"><label for="tipoValoracion4">Imprescindible</label><div id="alinearCHECK"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="checkbox" name="tipoValoracion4" id="tipoValoracion4" /></div></li>';

            htmltext += '</div>';
            htmltext += '</div>';

            htmltext += '<div style="width:100%"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" id="etiquetasTT" name="tags" type="text" value="Ponle aqu&iacute; tus etiquetas (opcional)" onfocus="if(this.value==\'Ponle aqu&iacute; tus etiquetas (opcional)\')this.value=\'\';" onblur="if(this.value.replace(/^(\\s|\\&nbsp;)*|(\\s|\\&nbsp;)*$/g,\'\') ==\'\')this.value=\'Ponle aqu&iacute; tus etiquetas (opcional)\';"/></div></div>';

            htmltext += '<div id="footerTT"><label>Marcar como favorito <input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="checkbox" name="favorito" value="1" onclick="javascript:chequearFavorito(\''+idLibro+'\',\''+idOrigen+'\')" /> </label>';
            htmltext += '<a id="botonEnvio'+idLibro+idOrigen+'" href="javascript:comprobarFormulario(\''+idLibro+'\',\''+idOrigen+'\')"><img src="/i/btnAniadirTT.gif"></a>';
            htmltext += '<div id="texto'+idLibro+idOrigen+'"></div></div>';
            htmltext += '<input type="hidden" name="tipoClasificado" value="0" />';
            htmltext += '<input type="hidden" name="idLibro" value="'+idLibro+'" />';
            htmltext += '<input type="hidden" name="tamanio" value="4" />';
            htmltext += '<input type="hidden" name="tamanioClasificados" value="3" />';
            htmltext += '<input type="hidden" name="tipoFavorito" value="0" />';
            htmltext += '<input type="hidden" name="autenticado" value="true" />';
            htmltext += '<input type="hidden" name="origen" value="'+origen+'" />';
            htmltext += '<input type="hidden" name="idAutor1" value="'+idAutor1+'" />';
            htmltext += '<input type="hidden" name="idAutor2" value="'+idAutor2+'" />';
            htmltext += '<input type="hidden" name="idAutor3" value="'+idAutor3+'" />';

            htmltext += '<input type="hidden" name="starAction" value="0"/>';
            htmltext += '<input type="hidden" name="click" value="0"/>';
            htmltext += '<input type="hidden" name="location" value="'+window.location.pathname+window.location.search+'"/>';
            htmltext += '</form>';
            htmltext += '</div>';
            htmltext += '</div>';
            if(top=='false'){
                if(left=='false')
                    htmltext+='<div class="bottomSubInv"></div>';
                else
                    htmltext+='<div class="bottomSub"></div>';
            }else{
                htmltext=htmltext+'<div class="bottom"></div>';
            }
            htmltext += '</div>';

            capaLib.innerHTML = htmltext;
        }else{
            var capaEspecial=document.getElementById("capaEspecial"+idLibro+idOrigen);
            capaEspecial.style.left=actualXPos+"px";
            capaEspecial.style.top=actualYPos+"px";
        }
    }
}

function mostrarVentanaGestion(idLibro, titulo, enlaceTitulo, idAutor1, idAutor2, idAutor3, autores, valoracionMedia, origen, urlCdl, idOrigen, divOrigen, xoffset, yoffset, left, top, idEstante,idTipoClasificado,favorito,idBiblioteca){
    cerrarCapasAbiertas();
    capas_abiertas[capas_abiertas.length]=new Array(idLibro,idOrigen);
    clicked=false;
    var capaLib=document.getElementById("capa"+idLibro+idOrigen);
    var actualProductDiv = document.getElementById(divOrigen);
    var actualXPos = getLeftPosComprar(actualProductDiv);
    var actualYPos = getTopPosComprar(actualProductDiv);
    actualXPos=actualXPos+xoffset;
    actualYPos=actualYPos+yoffset;
    if (capaLib.style.display=='' || capaLib.style.display=='none' || capaLib.style.visibility=='hidden'){
        capaLib.style.display = 'block';
        capaLib.style.visibility=='visible';
        if(document.forms['form'+idLibro+idOrigen]==null){
            var htmltext='<div id="capaEspecial'+idLibro+idOrigen+'" style="left:'+actualXPos+'px;top:'+actualYPos+'px;display:block;visibility:visible" class="tooltip" onmouseover="javascript:mantenerCapa(\''+idLibro+'\',\''+idOrigen+'\')" onmouseout="javascript:doSomething(event,\''+idLibro+'\',\''+idOrigen+'\');">';
            if(top=='false'){
                htmltext+='<div class="topFooter"></div>';
            }else{
                if(left=='false') htmltext+='<div class="topInv"></div>';
                else htmltext+='<div class="top"></div>';
            }
            htmltext=htmltext+'<div class="middle">';
            htmltext += '<div id="contenedorTT">';
            htmltext += '<div id="tituloTT"><a href="'+enlaceTitulo+'" title="Ver Libro"><h1>'+titulo+'</h1></a>';
            var valoracionPrevia='0';
            if(valoracionMedia>=1){
                htmltext += '(<img src="/i/estrella.jpg" width="10" height="10" />';
                valoracionPrevia='1';
            }
            if(valoracionMedia>=3){
                htmltext += '<img src="/i/estrella.jpg" width="10" height="10" />';
                valoracionPrevia='2';
            }
            if(valoracionMedia>=5){
                htmltext += '<img src="/i/estrella.jpg" width="10" height="10" />';
                valoracionPrevia='3';
            }
            if(valoracionMedia>=7){
                htmltext += '<img src="/i/estrella.jpg" width="10" height="10" />';
                valoracionPrevia='4';
            }
            if(valoracionMedia>=9){
                htmltext += '<img src="/i/estrella.jpg" width="10" height="10" />';
                valoracionPrevia='5';
            }
            if(valoracionMedia>=1)
                htmltext +=')'+valoracionMedia;
            htmltext +='</div>';
            htmltext += '<div id="Der50">';
            htmltext += '<div id="filtroTT">';
            htmltext += '<div id="filtroTT2"><a href="'+urlCdl+'"><img src="/i/carroCasa.jpg"></a></div>';
            if(autores!=null && autores!=""){
                htmltext += '<p>Por '+autores+'</p>';
            }
            htmltext += '</div></div>';
            htmltext += '<form name="form'+idLibro+idOrigen+'" id="form'+idLibro+idOrigen+'" action="/anadirLibro" method="post" style="z-index:20">';
            htmltext += '<div id="valorTT"><p>Valorar el libro: ';
            htmltext += '<img name="boton1'+idLibro+idOrigen+'" src="/i/estrellaValor.gif" onMouseOver = "entra(\'form'+idLibro+idOrigen+'\', \'boton1'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onMouseOut = "sale(\'form'+idLibro+idOrigen+'\', \'boton1'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onclick="fijarValorStar(\'form'+idLibro+idOrigen+'\', \'1\', \''+idLibro+'\', \''+idOrigen+'\');">';
            htmltext += '<img name="boton2'+idLibro+idOrigen+'" src="/i/estrellaValor.gif" onMouseOver = "entra(\'form'+idLibro+idOrigen+'\', \'boton2'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onMouseOut = "sale(\'form'+idLibro+idOrigen+'\', \'boton2'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onclick="fijarValorStar(\'form'+idLibro+idOrigen+'\', \'2\', \''+idLibro+'\', \''+idOrigen+'\');">';
            htmltext += '<img name="boton3'+idLibro+idOrigen+'" src="/i/estrellaValor.gif" onMouseOver = "entra(\'form'+idLibro+idOrigen+'\', \'boton3'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onMouseOut = "sale(\'form'+idLibro+idOrigen+'\', \'boton3'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onclick="fijarValorStar(\'form'+idLibro+idOrigen+'\', \'3\', \''+idLibro+'\', \''+idOrigen+'\');">';
            htmltext += '<img name="boton4'+idLibro+idOrigen+'" src="/i/estrellaValor.gif" onMouseOver = "entra(\'form'+idLibro+idOrigen+'\', \'boton4'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onMouseOut = "sale(\'form'+idLibro+idOrigen+'\', \'boton4'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onclick="fijarValorStar(\'form'+idLibro+idOrigen+'\', \'4\', \''+idLibro+'\', \''+idOrigen+'\');">';
            htmltext += '<img name="boton5'+idLibro+idOrigen+'" src="/i/estrellaValor.gif" onMouseOver = "entra(\'form'+idLibro+idOrigen+'\', \'boton5'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onMouseOut = "sale(\'form'+idLibro+idOrigen+'\', \'boton5'+idLibro+idOrigen+'\', \''+idLibro+'\', \''+idOrigen+'\');" onclick="fijarValorStar(\'form'+idLibro+idOrigen+'\', \'5\', \''+idLibro+'\', \''+idOrigen+'\');">';
            htmltext += '</p></div>';
            htmltext += '<div id="estadoTTG">';
            htmltext += '<div id="alinearTXT"><label>Lo he le&iacute;do</label></div>';
            if (idTipoClasificado==1){
                htmltext += '<div id="alinear"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" id="tipoClasificado1" name="clasificado" value="1" checked onclick="javascript:chequearClasificado(1, \''+idLibro+'\',\''+idOrigen+'\')"></div>';
                htmltext += '<input type="hidden" id="tipoClasificadoHidden1" name="tipoClasificadoHidden1" value="true" />';
            }else{
                htmltext += '<div id="alinear"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" id="tipoClasificado1" name="clasificado" value="1" onclick="javascript:chequearClasificado(1, \''+idLibro+'\',\''+idOrigen+'\')"></div>';
                htmltext += '<input type="hidden" id="tipoClasificadoHidden1" name="tipoClasificadoHidden1" value="false" />';
            }
            htmltext += '<div id="alinearTXT"><label>Lo estoy leyendo</label></div>';
            if (idTipoClasificado==2){
                htmltext += '<div id="alinear"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" id="tipoClasificado2" name="clasificado" value="2" checked onclick="javascript:chequearClasificado(2, \''+idLibro+'\',\''+idOrigen+'\')"></div>';
                htmltext += '<input type="hidden" id="tipoClasificadoHidden2" name="tipoClasificadoHidden2" value="true" />';
            }else{
                htmltext += '<div id="alinear"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" id="tipoClasificado2" name="clasificado" value="2" onclick="javascript:chequearClasificado(2, \''+idLibro+'\',\''+idOrigen+'\')"></div>';
                htmltext += '<input type="hidden" id="tipoClasificadoHidden2" name="tipoClasificadoHidden2" value="false" />';
            }
            htmltext += '<div id="alinearTXT"><label>Lo voy a leer</label></div>';
            if (idTipoClasificado==3){
                htmltext += '<div id="alinear"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" id="tipoClasificado3" name="clasificado" value="3" checked  onclick="javascript:chequearClasificado(3, \''+idLibro+'\',\''+idOrigen+'\')"></div></div>'
                htmltext += '<input type="hidden" id="tipoClasificadoHidden3" name="tipoClasificadoHidden3" value="true" />';
            }else{
                htmltext += '<div id="alinear"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" id="tipoClasificado3" name="clasificado" value="3" onclick="javascript:chequearClasificado(3, \''+idLibro+'\',\''+idOrigen+'\')"></div></div>'
                htmltext += '<input type="hidden" id="tipoClasificadoHidden3" name="tipoClasificadoHidden3" value="false" />';
            }
            htmltext += '<div style="width:100%">';
            if (favorito=='true'){
                htmltext += '<input type="hidden" name="tipoFavorito" value="1" />';
                htmltext += '<div id="footerTT"><label>Marcar como favorito <input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="checkbox" name="favorito" value="1" onclick="javascript:chequearFavorito(\''+idLibro+'\',\''+idOrigen+'\')" checked/> </label>';
            }else{
                htmltext += '<input type="hidden" name="tipoFavorito" value="0" />';
                htmltext += '<div id="footerTT"><label>Marcar como favorito <input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="checkbox" name="favorito" value="1" onclick="javascript:chequearFavorito(\''+idLibro+'\',\''+idOrigen+'\')" /> </label>';
            }
            htmltext +='</div>';
            htmltext += '<br/><br/><div id="aniadirTT"><label>A&ntilde;adir a biblioteca</label>';
            htmltext += '<input type="hidden" id="combo" name="combo"/>';
            htmltext += '<div id="dhtml_select" class="dhtml_select">';
            htmltext += '<img onclick="buttonClicked(\''+idLibro+'\',\''+idOrigen+'\');" src="/i/dhtml_select_button.gif" alt="imagen" style="position: absolute; top: 0px; left: 130px; z-index: 10;">';
            htmltext += '<div id="dhtml_select_dummy'+idLibro+''+idOrigen+'" class="dhtml_select_dummy">Selecciona tu biblioteca</div>';
            htmltext += '<div id="dhtml_select_options'+idLibro+''+idOrigen+'" class="m_dhtml_select_options"></div>';
            htmltext += '</div>';//dhtml_select
            htmltext += '</div>';//aniadirTT
            htmltext += '<div id="comentarioTT"><textarea name="opinion" id="opinion" cols="20" rows="3" onfocus="if(this.value==\'Incluye tu opini\xf3n..\')this.value=\'\';" onblur="if(this.value.replace(/^(\\s|\\&nbsp;)*|(\\s|\\&nbsp;)*$/g,\'\')==\'\')this.value=\'Incluye tu opini\xf3n..\';" onkeypress="javascript:validaTextAreaCapa(this,650,'+idLibro+idOrigen+')" onKeyUp="javascript:validaTextAreaCapa(this,650,'+idLibro+idOrigen+')" oncontextmenu="return false;">Incluye tu opini\xf3n..</textarea></div>';
htmltext += '<div style="display:none;font-family:Verdana, Arial;font-size:12px;color:red;font-weight:bold" id="error'+idLibro+idOrigen+'"></div>';
            
            getSelectEstantesGestion(idLibro,idOrigen,idEstante);

            htmltext += '<div id="recomendamosTT">';// select name="tiposLectura"
            htmltext += '<h2>Recomendado para:</h2>';
            htmltext += '<div style="float:left;width:99%">';
            htmltext += '<div style="float:left;width:45%;padding-left:0;font-family: Arial;font-size:12px;color:#515151">';
            htmltext += '<ul style="margin:0;padding:0;list-style:none">';
            htmltext += '<li style="margin:0;padding:0;position:relative;top:10;"><label for="tipoLectura1">-Leer en la calle</label><div id="alinearRADIO"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" name="tipoLec" id="tipoLectura1" /></div></li>';
            htmltext += '<li style="margin:0;padding:0"><label for="tipoLectura2">-Leer en casa</label><div id="alinearRADIO"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" name="tipoLec" id="tipoLectura2" /></div></li>';
            htmltext += '<li style="margin:0;padding:0;position:relative;bottom:10;"><label for="tipoLectura3">-Leer en vacaciones</label><div id="alinearRADIO"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" name="tipoLec" id="tipoLectura3" /></div></li>';
            htmltext += '<li style="margin:0;padding:0;position:relative;bottom:10;"><label for="tipoLectura4">-Leer en todo momento</label><div id="alinearRADIO"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="radio" name="tipoLec" id="tipoLectura4" /></div></li>';
            htmltext += '<input type="hidden" name="tipoLectura" value="0" />';
            htmltext += '</ul>';
            htmltext += '</div>';
            htmltext += '<div style="float:right;width:40%;font-family: Arial;font-size:12px;color:#fd7818;font-weight:bold">';

            htmltext += '<li style="margin:0;padding:0;position:relative;top:10;"><label for="tipoValoracion1">regalar</label><div id="alinearCHECK"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="checkbox" name="tipoValoracion1" id="tipoValoracion1" /></div></li>';
            htmltext += '<li style="margin:0;padding:0"><label for="tipoValoracion2">aprender</label><div id="alinearCHECK"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="checkbox" name="tipoValoracion2" id="tipoValoracion2" /></div></li>';
            htmltext += '<li style="margin:0;padding:0;position:relative;bottom:10;"><label for="tipoValoracion3">disfrutar</label><div id="alinearCHECK"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="checkbox" name="tipoValoracion3" id="tipoValoracion3" /></div></li>';
            htmltext += '<li style="margin:0;padding:0;position:relative;bottom:20;"><label for="tipoValoracion4">Imprescindible</label><div id="alinearCHECK"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" type="checkbox" name="tipoValoracion4" id="tipoValoracion4" /></div></li>';

            htmltext += '</div>';
            htmltext += '</div>';

            htmltext += '<div style="width:100%"><input onkeypress="return handleEnter(\''+idLibro+'\',\''+idOrigen+'\', event)" id="etiquetasTT" name="tags" type="text" value="Ponle aqu&iacute; tus etiquetas (opcional)" onfocus="if(this.value==\'Ponle aqu&iacute; tus etiquetas (opcional)\')this.value=\'\';" onblur="if(this.value.replace(/^(\\s|\\&nbsp;)*|(\\s|\\&nbsp;)*$/g,\'\') ==\'\')this.value=\'Ponle aqu&iacute; tus etiquetas (opcional)\';"/></div></div>';
            htmltext += '<center><a id="botonBorrar'+idLibro+idOrigen+'" href="javascript:borrarLibroEstante(\''+idLibro+'\',\''+idOrigen+'\')"><img src="/i/btnBorrarTT.gif"></a>';
            htmltext += '<a id="botonEnvio'+idLibro+idOrigen+'" href="javascript:comprobarFormulario(\''+idLibro+'\',\''+idOrigen+'\')"><img src="/i/btnAniadirTT.gif"></a></center>';
            htmltext +='</div>';
            htmltext += '<div id="texto'+idLibro+idOrigen+'"></div>';
            htmltext += '<input type="hidden" name="tipoClasificado" value="'+idTipoClasificado+'" />';
            htmltext += '<input type="hidden" name="idLibro" value="'+idLibro+'" />';
            htmltext += '<input type="hidden" name="tamanio" value="4" />';
            htmltext += '<input type="hidden" name="tamanioClasificados" value="3" />';

            htmltext += '<input type="hidden" name="autenticado" value="true" />';
            htmltext += '<input type="hidden" name="origen" value="'+origen+'" />';

            htmltext += '<input type="hidden" name="idAutor1" value="'+idAutor1+'" />';
            htmltext += '<input type="hidden" name="idAutor2" value="'+idAutor2+'" />';
            htmltext += '<input type="hidden" name="idAutor3" value="'+idAutor3+'" />';

            htmltext += '<input type="hidden" name="idEstanteViejo" value="'+idEstante+'" />';
            htmltext += '<input type="hidden" name="idTipoClasificadoViejo" value="'+idTipoClasificado+'" />';

            htmltext += '<input type="hidden" name="starAction" value="0"/>';
            htmltext += '<input type="hidden" name="click" value="0"/>';
            htmltext += '<input type="hidden" name="location" value="'+window.location.pathname+window.location.search+'"/>';
            htmltext += '</form>';
            htmltext += '</div>';
            htmltext += '</div>';
            htmltext += '<form name="form'+idLibro+idOrigen+'borrar" id="form'+idLibro+idOrigen+'borrar" action="/biblioteca/borrarLibroEstante" method="post">';
            htmltext += '<input type="hidden" name="location" value="'+window.location.pathname+window.location.search+'"/>';
            htmltext += '<input type="hidden" name="idEstante" value="'+idEstante+'"/>';
            htmltext += '<input type="hidden" name="idLibro" value="'+idLibro+'" />';
            htmltext += '</form>';
            if(top=='false'){
                if(left=='false')
                    htmltext+='<div class="bottomSubInv"></div>';
                else
                    htmltext+='<div class="bottomSub"></div>';
            }else{
                htmltext=htmltext+'<div class="bottom"></div>';
            }
            htmltext += '</div>';

            capaLib.innerHTML = htmltext;
            var formu='form'+idLibro+''+idOrigen;
            if(valoracionMedia>0){
                fijarValorStar(formu, valoracionPrevia, idLibro, idOrigen);
            }
        }else{
                var capaEspecial=document.getElementById("capaEspecial"+idLibro+idOrigen);
                capaEspecial.style.left=actualXPos+"px";
                capaEspecial.style.top=actualYPos+"px";
                getSelectEstantesGestion(idLibro,idOrigen,idEstante);
        }
        handleSelect(estanteseleccionado, idLibro, idOrigen);
    }
    //getSelectEstantesGestion(idLibro,idOrigen,idEstante);
}

function comprobarFormulario(idLibro, idOrigen){
    var alertas = "";
    var hayAlertas = false;
    var id=idLibro+''+idOrigen;
    if(document.forms['form'+id].tipoLectura1.checked){
        document.forms['form'+id].tipoLectura.value='1';
        tipoLectura='1';
    }else if(document.forms['form'+id].tipoLectura2.checked){
        document.forms['form'+id].tipoLectura.value='2';
        tipoLectura='2';
    }else if(document.forms['form'+id].tipoLectura3.checked){
        document.forms['form'+id].tipoLectura.value='3';
        tipoLectura='3';
    }else if(document.forms['form'+id].tipoLectura4.checked){
        document.forms['form'+id].tipoLectura.value='4';
        tipoLectura='4';
    }
     //Si se escribe una opinion, se tiene que poner una valoracion
     if(document.forms['form'+id].opinion.value.replace(/^(\s|\&nbsp;)*|(\s|\&nbsp;)*$/g,"") !='' &&
         document.forms['form'+id].opinion.value.replace(/^(\s|\&nbsp;)*|(\s|\&nbsp;)*$/g,"") !='Incluye tu opini\xf3n..'){
          if(document.forms['form'+id].starAction.value == '0'){
              alertas += ' Si se opina hay que valorar';
              hayAlertas=true;
          }
     }

     if((document.forms['form'+id].opinion.value.replace(/^(\s|\&nbsp;)*|(\s|\&nbsp;)*$/g,"") =='' ||
         document.forms['form'+id].opinion.value.replace(/^(\s|\&nbsp;)*|(\s|\&nbsp;)*$/g,"") =='Incluye tu opini\xf3n..')&&
        document.forms['form'+id].starAction.value == '0' &&
        document.forms['form'+id].tipoClasificado.value == '0' &&
        document.forms['form'+id].tipoLectura.value == '0' &&
        document.forms['form'+id].tipoValoracion1.checked == false &&
        document.forms['form'+id].tipoValoracion2.checked == false &&
        document.forms['form'+id].tipoValoracion3.checked == false &&
        document.forms['form'+id].tipoValoracion4.checked == false &&
        document.forms['form'+id].combo.value=='' &&
        (document.forms['form'+id].tags.value.replace(/^(\s|\&nbsp;)*|(\s|\&nbsp;)*$/g,"") =='' ||
        document.forms['form'+id].tags.value=='Ponle aqu&iacute; tus etiquetas (opcional)' ||
        document.forms['form'+id].tags.value=='Ponle aquí tus etiquetas (opcional)' ||
        document.forms['form'+id].tags.value=='Ponle aqu\xed tus etiquetas (opcional)')){
            alertas += ' El formulario est\xe1 vac\xedo.';
            hayAlertas=true;
     }
      //Si se clasifica pero no se escoge estante, se mete en General
      if(document.forms['form'+id].tipoClasificado.value != '0'){
            if(document.forms['form'+id].combo.value==''){
                var estanteGeneral='';
                for(i=0;i<dhtml_optionsArray.length;i++){
                    if(dhtml_optionsArray[i][0]=='General')
                        estanteGeneral=dhtml_optionsArray[i][1]
                }
                if(estanteGeneral!=''){
                    document.getElementById('form'+id).combo.value=estanteGeneral;
                }
            }
        }else{//Si se selecciona estante, pero no se clasifica, se marca como leido?
            if(document.forms['form'+id].combo.value!=''){
                document.getElementById('form'+id).tipoClasificado.value='1';
            }
        }

    if(hayAlertas){
        document.getElementById("texto"+idLibro+idOrigen).innerHTML="<p style='color:red;font-weight:bold'>"+alertas+"</p>";
    }else{
        if(document.getElementById('botonBorrar'+id)!=null)
            document.getElementById('botonBorrar'+id).style.visibility='hidden';
        document.getElementById('botonEnvio'+id).style.visibility='hidden';
        if(document.forms['form'+id].opinion.value.replace(/^(\s|\&nbsp;)*|(\s|\&nbsp;)*$/g,"") =='' ||
         document.forms['form'+id].opinion.value.replace(/^(\s|\&nbsp;)*|(\s|\&nbsp;)*$/g,"") =='Incluye tu opini\xf3n..')
            document.forms['form'+id].opinion.value='';
        document.forms['form'+id].submit();
    }
}

function chequearFavorito(idLibro, idOrigen){
    var id=idLibro+''+idOrigen;
    document.forms['form'+id].tipoFavorito.value = document.forms['form'+id].favorito.value;
}

function chequearClasificado(idTipoClasificado, idLibro, idOrigen){
    var id=idLibro+''+idOrigen;
    if(idTipoClasificado==1){
        radioChecked = eval("document.forms['form'+id].tipoClasificado1.checked");
        radioHidden = eval("document.forms['form'+id].tipoClasificadoHidden1.value");
        if(radioChecked==true && radioHidden=='true'){
            document.forms['form'+id].tipoClasificado1.checked=false;
            document.forms['form'+id].tipoClasificadoHidden1.value=false;
            document.forms['form'+id].tipoClasificado.value='0';
        }else{
            document.forms['form'+id].tipoClasificadoHidden1.value=radioChecked;
            document.forms['form'+id].tipoClasificado.value='1';
        }
    }else if(idTipoClasificado==2){
        radioChecked = eval("document.forms['form'+id].tipoClasificado2.checked");
        radioHidden = eval("document.forms['form'+id].tipoClasificadoHidden2.value");
        if(radioChecked==true && radioHidden=='true'){
            document.forms['form'+id].tipoClasificado2.checked=false;
            document.forms['form'+id].tipoClasificadoHidden2.value=false;
            document.forms['form'+id].tipoClasificado.value='0';
        }else{
            document.forms['form'+id].tipoClasificadoHidden2.value=radioChecked;
            document.forms['form'+id].tipoClasificado.value='2';
        }
    }else{
        radioChecked = eval("document.forms['form'+id].tipoClasificado3.checked");
        radioHidden = eval("document.forms['form'+id].tipoClasificadoHidden3.value");
        if(radioChecked==true && radioHidden=='true'){
            document.forms['form'+id].tipoClasificado3.checked=false;
            document.forms['form'+id].tipoClasificadoHidden3.value=false;
            document.forms['form'+id].tipoClasificado.value='0';
        }else{
            document.forms['form'+id].tipoClasificadoHidden3.value=radioChecked;
            document.forms['form'+id].tipoClasificado.value='3';
        }
    }
}

function mantenerCapa(idLibro, idOrigen){
    var id='capa'+idLibro+''+idOrigen;
    if(idLibro!=null){
        document.getElementById(id).style.display = 'block';
        document.getElementById(id).style.visibility = 'visible';
    }
}

function mirarOut (idLibro, idOrigen){
    var id='capa'+idLibro+''+idOrigen;
    var contador = 0;
    if(IsIE()){
        var origen;
        if(window.event){
        origen = window.event.toElement.value;
        }
        if(origen != undefined){
            if(origen != 'Selecciona0' && origen != 'ninguno'){
                if(idLibro != '0'){
                    /*document.getElementById(idLibro).style.visibility = 'visible';*/
                    document.getElementById(id).style.display = 'block';
                    document.getElementById(id).style.visibility = 'hidden';
                }
            }
        }else{
            if(idLibro != '0'){
                document.getElementById(id).style.display = 'none';
                document.getElementById(id).style.visibility = 'hidden';
            }
        }
    }else{
        if(idLibro != '0'){
            document.getElementById(id).style.display = 'none';
            document.getElementById(id).style.visibility = 'hidden';
        }
    }
}

function borrarLibroEstante (idLibro, idOrigen){
    var id=idLibro+''+idOrigen;
    if(document.getElementById('botonEnvio'+id)!=null){
        document.getElementById('botonEnvio'+id).style.visibility='hidden';
    }
    document.getElementById('botonBorrar'+id).style.visibility='hidden';
    document.forms['form'+id+'borrar'].submit();
}

function getSelectEstantes(idLibro, idOrigen){
    var id=idLibro+''+idOrigen;
    var estantesCk= getCookie("estantesCk");
    //estructura de la cookie estantesCk="General#1||Romantica#2||Historia#3||Politica#4||";
    //var tagSelect='<select id="combo" name="combo"><option value="0">---Seleccione una opcion---</option>';
    if (estantesCk!=null) {
        if (estantesCk.charAt(0)=='"'){
            estantesCk = estantesCk.substring(1);
        }
        k=0;
        while(estantesCk.indexOf("||")!=-1){
            var i= estantesCk.indexOf("||");
            if (i>-1) {
                var estante= estantesCk.substring(0,i);
                if(estante!=null){
                    var j=estante.indexOf("#");
                    if(j>-1){
                        var nombre=estante.substring(0,j);
                        var idEstante=estante.substring(j+1);
                        dhtml_optionsArray[k]=new Array(unescape(nombre),idEstante);
                        //tagSelect=tagSelect+ '<option value="'+idEstante+'">'+nombre+'</option>';
                    }
                }
            }
            estantesCk=estantesCk.substring(i+2);
            k=k+1;
        }
    }
    //tagSelect=tagSelect+'</select>';
    //return tagSelect;
}
function getSelectEstantesGestion(idLibro, idOrigen,estanteComprobar){
    var id=idLibro+''+idOrigen;
    var estantesCk= getCookie("estantesCk");
    var defecto=true;
    if (estantesCk!=null) {
        if (estantesCk.charAt(0)=='"'){
            estantesCk = estantesCk.substring(1);
        }
        k=0;
        while(estantesCk.indexOf("||")!=-1){
            var i= estantesCk.indexOf("||");
            if (i>-1) {
                var estante= estantesCk.substring(0,i);
                if(estante!=null){
                    var j=estante.indexOf("#");
                    if(j>-1){
                        var nombre=estante.substring(0,j);
                        var idEstante=estante.substring(j+1);
                        dhtml_optionsArray[k]=new Array(unescape(nombre),idEstante);
                        if (estanteComprobar==idEstante){
                            estanteseleccionado=k;
                            defecto=false;
                        }
                    }
                }
            }
            estantesCk=estantesCk.substring(i+2);
            k=k+1;
        }
        if(defecto)
            estanteseleccionado=null;
    }
}


    function checkEditarBiblioteca(){
        if(document.forms['editarBiblioteca'].nombre.value.replace(/^(\s|\&nbsp;)*|(\s|\&nbsp;)*$/g,"") !='')
            document.forms['editarBiblioteca'].submit();
    }
    function ocultarEditarBiblioteca(){
        document.getElementById("editarBiblioteca").innerHTML = "";
    }
    function confirmarBorrado(){
       document.getElementById("enlaces").innerHTML="";
       document.getElementById("textoConfirm").innerHTML="<p class=\"tituloCapa\" style=\"color:#fe8434\">\xbfDesea borrar este estante y todos sus libros contenidos? <a href='javascript:borrar();' style='float:left;margin-left:40%'>SI</a> <a href='javascript:cancelarBorrado();' style='margin-right:40%'>NO</a></p>";
    }

    function checkEditarEstante(){
        if(document.forms['editarEstante'].nombre.value.replace(/^(\s|\&nbsp;)*|(\s|\&nbsp;)*$/g,"") !='' &&
            document.forms['editarEstante'].nombre.value.replace(/^(\s|\&nbsp;)*|(\s|\&nbsp;)*$/g,"") !='General')
            document.forms['editarEstante'].submit();
    }
    function ocultarEditarEstante(){
        document.getElementById("editarEstante").innerHTML = "";
    }

    function checkCrearEstante(){
        if(document.forms['crearEstante'].nombre.value.replace(/^(\s|\&nbsp;)*|(\s|\&nbsp;)*$/g,"") !='' &&
            document.forms['crearEstante'].nombre.value.replace(/^(\s|\&nbsp;)*|(\s|\&nbsp;)*$/g,"") !='General')
            document.forms['crearEstante'].submit();
    }
    function ocultarCrearEstante(){
        document.getElementById("crearEstante").innerHTML = "";
    }
    function mostrarEditarBiblioteca(nombreBiblio, idBiblioteca, idEstante, idEstadoLectura){
        var html="<div class=\"capaNewEstante\">";
        html+="<div class=\"interior\">";
        html+="<a class=\"cerrarDer\" href='javascript:ocultarEditarBiblioteca()'>Cerrar</a>";
        html+="<form name=\"editarBiblioteca\" action=\"/biblioteca/cambiarNombreBiblioteca\" method=\"post\">";
        html+="<span class=\"tituloCapa\">Editar biblioteca</span>";
        html+="<input type='hidden' name='idEstante' id='idEstante' value=\""+idEstante+"\" />";
        html+="<input type='hidden' name='idBiblioteca' id='idBiblioteca' value=\""+idBiblioteca+"\" />";
        html+="<input type='hidden' name='idEstadoLectura' id='idEstadoLectura' value=\""+idEstadoLectura+"\" />";
        html+="<input class=\"campo\" type='text' name='nombre' id='nombre' value=\""+nombreBiblio+"\" />";
        html+="<a href=\"javascript:checkEditarBiblioteca();\" >Cambiar Nombre</a>";
        html+="</form>";
        html+="</div>";
        html+="</div>";
        document.getElementById("editarBiblioteca").innerHTML=html;
    }

    function borrar(){
        document.forms['editarEstante'].action="/biblioteca/borrarEstante";
        document.forms['editarEstante'].borrarEstante.value="1";
        document.forms['editarEstante'].submit();
    }

    function cancelarBorrado(){
           document.getElementById("textoConfirm").innerHTML="";
           document.getElementById("enlaces").innerHTML="<a style=\"float:left;\"href=\"javascript:confirmarBorrado();\" >Borrar Estante</a><a href=\"javascript:checkEditarEstante();\" >Modificar Estante</a>";
    }
    function mostrarEditarEstante(idBiblioteca, idEstante, nombreEstante, totalLibros, page){
        var html="<div class=\"capaNewEstante\">";
        html+="<div class=\"interior\">";
        html+="<a class=\"cerrarDer\" href='javascript:ocultarEditarEstante()'>Cerrar</a>";
        html+="<form name=\"editarEstante\" action=\"/biblioteca/modificarEstante\" method=\"post\">";
        html+="<span class=\"tituloCapa\">Editar estante</span>";
        html+="<input type='hidden' name='idBiblioteca' id='idBiblioteca' value=\""+idBiblioteca+"\" />";
        html+="<input type='hidden' name='idEstante' id='idEstante' value=\""+idEstante+"\" />";
        html+="<input type='hidden' name='totalLibros' id'totalLibros' value=\""+totalLibros+"\" />";
        html+="<input type='hidden' name='page' id='page' value=\""+page+"\" />";
        html+="<input type='hidden' name='borrarEstante' id='borrarEstante' value=\"0\" />";
        html+="<input class=\"campo\" style=\"width:98%\" type='text' name='nombre' id='nombre' value=\""+nombreEstante+"\" />";
        html+="<div id=\"enlaces\">";
        html+="<a style=\"float:left;\"href=\"javascript:confirmarBorrado();\" >Borrar Estante</a>";
        html+="<a href=\"javascript:checkEditarEstante();\" >Modificar Estante</a>";
        html+="</div>";
        html+="</form>";
        html+="</div>";
        html+="<div id=\"textoConfirm\"></div>";
        html+="</div>";
        document.getElementById("editarEstante").innerHTML=html;
    }
    function mostrarCrearEstante(idBiblioteca, idEstante, idEstadoLectura){
        var html="<div class=\"capaNewEstante\">";
        html+="<div class=\"interior\">";
        html+="<a class=\"cerrarDer\" href=\"javascript:ocultarCrearEstante()\">Cerrar</a>";
        html+="<form name=\"crearEstante\" id=\"crearEstante\" action=\"/biblioteca/crearEstante\" method=\"post\">";
        html+="<span class=\"tituloCapa\">A&ntilde;adir estanter&iacute;a</span>";
        html+="<input type=\"hidden\" name=\"idBiblioteca\" id=\"idBiblioteca\" value=\""+idBiblioteca+"\" />";
        html+="<input type=\"hidden\" name=\"idEstante\" id=\"idEstante\" value=\""+idEstante+"\" />";
        html+="<input type='hidden' name='idEstadoLectura' id='idEstadoLectura' value=\""+idEstadoLectura+"\" />";
        html+="<input class=\"campo\" type=\"text\" name=\"nombre\" id=\"nombre\">";
        html+="<a href=\"javascript:checkCrearEstante();\" >Crear Estante</a>";
        html+="</form>";
        html+="</div>";
        html+="</div>";
        document.getElementById("crearEstante").innerHTML = html;
    }

function handleEnter (idLibro, idOrigen, event) {
    var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
    if (keyCode == 13) {
        comprobarFormulario(idLibro, idOrigen)
        return false;
    }
    else
    return true;
}
