/*GALERIA DE IMAGENES*/
var galeriaImagenes = new Array();
var galeriaPosActual = 0;
var numElementos = 4;

function botonCierreVentana(){
    //boton de cierre
    var botonCerrar = document.createElement("a");
    botonCerrar.href = "javascript:cerrarVentana()";
    botonCerrar.className = "boton botonCerrar";
    botonCerrar.title = "Cerrar ventana";
    botonCerrar.appendChild(document.createTextNode("Cerrar ventana"));
    return botonCerrar;
    
}

function previsualizarImagen(urlImagen,titulo){
    var img = new Image();
    img.onload = function(){
        var ancho=img.width;
        var alto=img.height+60;   
        if(ancho<300) ancho=300; 
        //ventana
        var ventana = document.createElement("div");
        ventana.className = "previsualizacion";
        var contenedor = document.createElement("div");
        contenedor.className = "previsualizacionContenedor";
        ventana.style.height = alto+"px";
        ventana.style.width = ancho+"px";
        //centramos la ventana
        ventana.style.marginTop = "-"+Math.round(alto/2)+"px";
        ventana.style.marginLeft = "-"+Math.round(ancho/2)+"px";
        
        var capa = document.createElement("div");
        capa.className = "capa";
        capa.style.height = img.height+"px";
        capa.style.width = img.width+"px";
        capa.style.zIndex = "90";
        capa.style.backgroundImage = "url(/img/capa-trans.gif)";
        capa.style.position = "absolute";
        //capa.style.marginTop = "-"+(img.height+5)+"px";
        //capa.style.marginLeft = "-"+Math.round(ancho/2)+"px";
        contenedor.appendChild(capa);
        
        //imagen
        var imagen = document.createElement("img");
        imagen.src = urlImagen;                        
        //abrimos la ventana
        contenedor.appendChild(imagen);
        
        //Texto imagen                                
        var texto = document.createElement("div"); 
        texto.className = "descripcion";      
        texto.appendChild(document.createTextNode(titulo));
        contenedor.appendChild(texto); 
         
        ventana.appendChild(botonCierreVentana());
        ventana.appendChild(contenedor);
        abrirVentana(ventana);
    }
    img.onerror = function(){
        
    }
    img.src = urlImagen;      
}
/*function previsualizarImagen(urlImagen,titulo){
    var img = new Image();
    img.onload = function(){
        var ancho=img.width;
        var alto=img.height+60;   
        if(ancho<300) ancho=300; 
        //ventana
        var ventana = document.createElement("div");
        ventana.className = "previsualizacion";
        var contenedor = document.createElement("div");
        contenedor.className = "previsualizacionContenedor";
        ventana.style.height = alto+"px";
        ventana.style.width = ancho+"px";
        //centramos la ventana
        ventana.style.marginTop = "-"+Math.round(alto/2)+"px";
        ventana.style.marginLeft = "-"+Math.round(ancho/2)+"px";
        //imagen
        var imagen = document.createElement("img");
        imagen.src = urlImagen;                        
        //abrimos la ventana
        contenedor.appendChild(imagen);
        
        var capa = document.createElement("div");
        capa.className = "capa";
        capa.style.height = (img.height+10)+"px";
        capa.style.width = img.width+"px";
        capa.style.zIndex = "90";
        capa.style.backgroundColor = "transparent";
        capa.style.position = "absolute";
        capa.style.marginTop = "-"+(img.height+5)+"px";
        //capa.style.marginLeft = "-"+Math.round(ancho/2)+"px";
        contenedor.appendChild(capa);
        
        //Texto imagen                                
        var texto = document.createElement("div"); 
        texto.className = "descripcion";      
        texto.appendChild(document.createTextNode(titulo));
        contenedor.appendChild(texto); 
         
        ventana.appendChild(botonCierreVentana());
        ventana.appendChild(contenedor);
        abrirVentana(ventana);
    }
    img.onerror = function(){
        
    }
    img.src = urlImagen;      
}*/
 

function verSalas(){
    var ventana = document.createElement("div");
    ventana.className = "previsualizacion salas";
    var contenedor = document.createElement("div");
    contenedor.className = "previsualizacionContenedor";
    contenedor.id = "popupSalas";
    //abrimos la ventana
    ventana.appendChild(botonCierreVentana());
    ventana.appendChild(contenedor);
    abrirVentana(ventana);

    ejecutarAjaxHTML("/lib/ajax/salas.php","h=1","post","popupSalas","");
}



//añade un nuevo item a la galeria
function galeriaNuevoItem(titulo,url,urlMini){
    var imagen = new Array(titulo,url,urlMini);
    galeriaImagenes.push(imagen);
}

//avanza una página la lista de miniaturas
function galeriaSiguiente(){    

    if(galeriaPosActual<galeriaImagenes.length-numElementos){
        galeriaPosActual += numElementos;  
        galeriaActualizarLista();
    }
}

//retrocede una página la lista de miniaturas
function galeriaAnterior(){
    if(galeriaPosActual>0){
        galeriaPosActual = Math.max(galeriaPosActual-numElementos,0);
        galeriaActualizarLista();
    }
}

//actualiza la lista de miniaturas de la galeria
function galeriaActualizarLista(){
    var minis = new Array();
    for(var i=0;i<numElementos;i++){
        var mini = document.getElementById("galeriaImg"+i);    
        mini.src = "/img/cargando.gif";

        minis[i] = mini;
        var pos = i+galeriaPosActual;
        
        if(pos<galeriaImagenes.length){                   
            mini.src = "/img/cargando.gif";   
            var img = new Image();
            img.num = i;
            img.onload = function(){
                minis[this.num].src = this.src;
                /*minis[this.num].width = this.width; */
                /*minis[this.num].height = this.height;*/
            }
            img.src = galeriaImagenes[pos][2];    
            mini.title = galeriaImagenes[pos][0];
        }else{                                    
            mini.width = 100;
            mini.height = 80;
            mini.src = "/img/sin-img.gif";
            mini.title = "";   
        }
    }
}

//visualiza la imagen pedida
function galeriaVerImagen(posicion){
    var pos = galeriaPosActual+posicion;

    if(galeriaPosActual<galeriaImagenes.length){
        previsualizarImagen(galeriaImagenes[pos][1],galeriaImagenes[pos][0]); 
    }

}
   

var ventanaEnviarAmigo = null;
function enviarAmigo(idTR,idR){
    ejecutarAjax(
                "/lib/ajax/enviar-amigo.php",
                "idTR="+idTR+"&idR="+idR,
                "POST",
                function(respuesta){
                    if(!ventanaEnviarAmigo){
                        //ventana
                        ventana = document.createElement("div");
                        ventana.className = "ventana enviarAmigo";
                        var contenedor = document.createElement("div");
                        contenedor.className = "contenedor";
                        //abrimos la ventana
                        ventana.appendChild(botonCierreVentana());
                        ventana.appendChild(contenedor);
                        ventanaEnviarAmigo = ventana;
                    }
                    ventanaEnviarAmigo.childNodes[1].innerHTML = respuesta;
                    abrirVentana(ventanaEnviarAmigo);
                }
    );
}

function realizarEnvioAmigo(){
    var idTR = document.getElementById("eaIdTR").value;
    var idR = document.getElementById("eaIdR").value;
    var nombre = document.getElementById("eaNombre").value;
    var email = document.getElementById("eaEmail").value;
    var comentario = document.getElementById("eaComentario").value;

    ejecutarAjax(
                "/lib/ajax/enviar-amigo.php",
                "idTR="+idTR+"&idR="+idR+"&eaNombre="+nombre+"&eaEmail="+email+"&eaComentario="+comentario,
                "POST",
                function(respuesta){
                    ventanaEnviarAmigo.childNodes[1].innerHTML = respuesta;  
                }
    );
}


function traduccionContenido(idDestino,idioma){     
       
    ejecutarAjaxHTML("/lib/ajax/traduccion.php","idDestino="+idDestino+"&idioma="+idioma,"POST",idDestino,"");

}