var bordeMarco = 3; var ratioMarco = 1.4; function cambiarColor(id) { //alert(id); n = id.substr(7); //alert(n); if (n != irCapa) { cambiaColor("menuSup" + n); cambiaColor("menuInf" + n); } } function recuperarColor(id) { n = id.substr(7); if (n != irCapa) { recuperaColor("menuSup" + n); recuperaColor("menuInf" + n); } } function mostrarComentario(foto, mini, comentario, opciones, tam) { return "
" + comentario + "
"; } function mostrarFecha(foto, mini, fecha, opciones) { return "
" + fecha + "
"; } function cabeceraGaleria(galeria, miniatura, capa, lasDimensiones) { return ""; } var laMiniatura = "mini.php?id="; function elTam(tam, porciento) { return "" + Math.round((parseInt(tam[0]) * parseFloat(porciento))) + "x" + Math.round(parseInt(tam[1]) * parseFloat(porciento)); } function laMini(foto, tam) { return laMiniatura + foto + "&tam=" + tam; } function galeriaPaginada(galeria, miniatura, FILASxPAGINA, COLUMNASxFILA, capaBase, lasDimensiones, destino) { document.write(_galeriaPaginada(galeria, miniatura, FILASxPAGINA, COLUMNASxFILA, capaBase, lasDimensiones, destino)) } // aquí la redefinición... averiguamos en el servidor el tamaño del array de fotos (galeria) function Foto(id, tam, fecha, es, en, opciones) { this.id = id; this.tam = tam; this.fecha = fecha; this.es = es; this.en = en; this.opciones = opciones; } Foto.prototype.miniatura = function(porcentaje) { var resultado = laMiniatura + this.id + "&tam="; resultado += parseInt(parseInt(this.tam.split("x")[0]) * porcentaje); resultado += "x"; resultado += parseInt(parseInt(this.tam.split("x")[1]) * porcentaje); return resultado; } function procesarOpcionesHead(opciones) { return ""; } function procesarOpcionesOnload(opciones) { return ""; } function procesarOpcionesBody(opciones) { return ""; } function abrirVentana(destino, opciones) { return window.open("", destino, opciones); } function ampliarDiapo(foto, ancho, alto, opciones, destino) { //window.open(); return; var contenido = "\n\t\n\t\t\n\t\t\tSuCaricatura.com\n\t\t\n\t\t"; contenido += procesarOpcionesHead(opciones); contenido += "\n\t\n\t b) return a; else return b; } function ampliarClick(opciones) { // se ejecuta antes de la ampliación return ""; } function masEstilos() { return ""; } function diapoAmpliable(mini, foto, tams, vista, n, opciones, destino) { var tamMaxi = tams.split(",")[0]; var tamMini = tams.split(",")[1]; var recuadro = parseInt(mayor(parseInt(tamMini.split("x")[0]), parseInt(tamMini.split("x")[1])) * ratioMarco) + (bordeMarco * 4); var _Y = parseInt((recuadro - parseInt(tamMini.split("x")[1]) - bordeMarco * 2) / 2) - bordeMarco; var _X = parseInt((recuadro - parseInt(tamMini.split("x")[0]) - bordeMarco * 2) / 2) - bordeMarco; var aMostrar = ""; // marco de la diapo aMostrar += "\n\t
0)) aMostrar += "\n\t\t\n\t\n\t\n\t\t"; aMostrar += "\n\t\t\t"; } aMostrar += "\n\t\t\n\t
\n"; aMostrar += diapoAmpliable(galeria[i].mini, galeria[i].URL, galeria[i].tams, vista); aMostrar += "\n\t\t\t\t\t
" + galeria[i].comentario; aMostrar += "\n\t\t\t\t\t
"; aMostrar += galeria[i].fecha + "\n\t\t\t\t\t
"; aMostrar += "\n\t\t\t\t\t
\n
\n"; return aMostrar; } // pasándonos a ajax // Función de petición ajax: var pedido; var irCapa; function respuestaXMLRango() {// if (pedido.readyState == 4) { if (pedido.status == 200) { datoTraido = pedido.responseXML.documentElement; // averiguamos el tamaño para el bucle: elementos = datoTraido.getElementsByTagName('careto'); prime = parseInt(datoTraido.getElementsByTagName('primero')[0].firstChild.data); tamTraido = elementos.length; //alert ("trajimos " + tamTraido + " datos"); // asignamos los valores al array galeria... for (var i = 0; i < tamTraido; i++) with(galeria[prime + i]) { id = elementos[i].getElementsByTagName("id")[0].firstChild.data; tam = elementos[i].getElementsByTagName("tam")[0].firstChild.data; fecha = elementos[i].getElementsByTagName("fecha")[0].firstChild.data; es = elementos[i].getElementsByTagName("es")[0].firstChild.data; en = elementos[i].getElementsByTagName("en")[0].firstChild.data; opciones = "ef=1,risas=1,env=1"; } // y escribimos la capa correspondiente escribirCapa(irCapa, prime, tamTraido); // y actualizamos el array vistas vistas[irCapa] = true; // y mostramos la capa: document.getElementById(capaBase + irCapa).style.display = "block"; } else { alert("error\n" + pedido.statusText); } } } var fechas = new Array(); function respuestaXMLFechas() {// if (pedido.readyState == 4) { if (pedido.status == 200) { datoTraido = pedido.responseXML.documentElement; // averiguamos el tamaño para el bucle: elementos = datoTraido.getElementsByTagName('fecha'); tamTraido = elementos.length; //alert ("trajimos " + tamTraido + " datos"); // asignamos los valores al array galeria... for (var i = 0; i < tamTraido; i++) fechas[i] = elementos[i].firstChild.data; // y escribimos la galería buscando la última página document.getElementById(capaBase).innerHTML = _galeriaPaginada(galeria, miniatura, FILASxPAGINA, COLUMNASxFILA, capaBase, lasDimensiones, destino); // El índice menor será ncapas * tamPagina: var indiceMenor = (ncapas - 1) * tamPagina; // El índice mayor será tamGaleria - 1: //var indiceMayor = tamGaleria - 1; // La petición será: var pedir = "AjaxBuscarFotos.php?galeria=" + g + "&rango=" + indiceMenor + "-" + tamPagina; irCapa = ncapas - 1; if (ncapas > 1) { cambiaColor("menuSup" + irCapa); cambiaColor("menuInf" + irCapa); document.getElementById("menuSup" + irCapa).style.textDecoration = "underline"; document.getElementById("menuInf" + irCapa).style.textDecoration = "overline"; } pedirXML(pedir, respuestaXMLRango); } else { alert("error\n" + pedido.statusText); } } } function respuestaXMLNFotos() {// if (pedido.readyState == 4) { if (pedido.status == 200) { datoTraido = pedido.responseXML.documentElement; // éxito: damos valores en blanco al array galería para mostrar luego tamGaleria = parseInt(datoTraido.getElementsByTagName('total')[0].firstChild.data); //alert(tamGaleria); for (var i = 0; i < tamGaleria; i ++) galeria[i] = new Foto("", "", "", "", ""); // Buscamos fechas para el menu... y Escribimos las páginas: // La petición será: var pedir = "AjaxBuscarFechas.php?galeria=" + g + "&rango=" + tamPagina; // se debe mostrar la última capa //irCapa = ncapas - 1; //alert(irCapa); // la respuesta será procesada por respuestaXMLNRango() pedirXML(pedir, respuestaXMLFechas); } else { alert("error\n" + pedido.statusText); } } } function pedirXML(sitio, respuesta) { if (window.XMLHttpRequest) { pedido = new XMLHttpRequest(); pedido.onreadystatechange = respuesta; pedido.open("GET", sitio, true); pedido.send(null); } else if (window.ActiveXObject) { pedido = new ActiveXObject("Microsoft.XMLHTTP"); if (pedido) { pedido.onreadystatechange = respuesta; pedido.open("GET", sitio, true); pedido.send(); } } } // definimos las variables que suponemos definen la galería var galeria = new Array(); var miniatura, FILASxPAGINA, COLUMNASxFILA, capaBase, lasDimensiones, destino, ncapas, tamPagina, vistas; // por compatibilidad redefinimos la función galeriaPaginada() function galeriaPaginada(_galeria, _miniatura, _FILASxPAGINA, _COLUMNASxFILA, _capaBase, _lasDimensiones, _destino) { //galeria = _galeria; miniatura = _miniatura; FILASxPAGINA = _FILASxPAGINA; COLUMNASxFILA = _COLUMNASxFILA; tamPagina = FILASxPAGINA * COLUMNASxFILA; capaBase = _capaBase; lasDimensiones = _lasDimensiones; destino = _destino; // escribimos la capa báse (capaBase) para poder rellenar luego la galería: document.writeln("
");// en la escritura debemos cambiar write x innerHTML // Averiguamos el tamaño de la galería y escribimos la última página pedirXML("AjaxFotos.php?galeria=" + g, respuestaXMLNFotos); } // Redefinimos _galeriaPaginada para que solo genere las capas... Se escribirá el contenido por peticiones function _galeriaPaginada(galeria, _miniatura, FILASxPAGINA, COLUMNASxFILA, capaBase, lasDimensiones, destino) { filasPagina = FILASxPAGINA; columnas = COLUMNASxFILA; tamPagina = filasPagina * columnas; ncapas = ((galeria.length % tamPagina) == 0) ? 0 : 1; ncapas += parseInt(galeria.length / tamPagina); //alert(ncapas) cargada = false; vistas = Array(ncapas); for (var i = 0; i < ncapas; i ++) { vistas[i] = false; } var mayorFecha; //var aMostrar = "
"; var aMostrar = cabeceraGaleria(galeria, _miniatura, capaBase, lasDimensiones); aMostrar += (ncapas > 1) ? menuGaleria(galeria, "menuSup", tamPagina, capaBase) : ""; // primer bucle: número de capas... (ncapas) for (var i = 0, total = ncapas; i < total; i ++) { aMostrar += "
" : "block;'>"; aMostrar += "
"; } aMostrar += (ncapas > 1) ? menuGaleria(galeria, "menuInf", tamPagina, capaBase) : ""; //alert(aMostrar); return aMostrar; } function escribirCapa(n, _desde, _hasta) { desde = parseInt(_desde); hasta = parseInt(_hasta); var aMostrar = ""; for (j = 0; j < hasta; j ++) { aMostrar += ((j % columnas == 0) && (j > 0)) ? "
" : ""; tams = galeria[j + desde].tam.split("x"); tamMini = elTam(tams, miniatura); var estaMini = laMini(galeria[j + desde].id, tamMini); var esteTam = galeria[j + desde].tam + "," + tamMini; aMostrar += ""; } aMostrar += "
" + diapoAmpliable(estaMini, galeria[j + desde].id, esteTam, true, j + desde, galeria[j + desde].opciones, destino); aMostrar += mostrarComentario(galeria[j + desde].id, estaMini, galeria[j + desde].es, galeria[j + desde].opciones, galeria[j + desde].tam); aMostrar += mostrarFecha(galeria[j + desde].id, estaMini, galeria[j + desde].fecha, galeria[j + desde].opciones); aMostrar += "
"; vistas[n] = true; document.getElementById(capaBase + n).innerHTML = aMostrar; } // Redefinimos irPagina para que actualice cada Página que no haya sido cargada function irPagina(n, de, capaBase) { recuperaColor("menuSup" + irCapa); recuperaColor("menuInf" + irCapa); document.getElementById("menuSup" + n).style.textDecoration = "underline"; document.getElementById("menuInf" + n).style.textDecoration = "overline"; var total = de; irCapa = n; for (var i = 0; i < total; i ++) document.getElementById(capaBase + i).style.display = "none"; if (!vistas[n]) {// pedimos los datos // El índice menor será n * tamPagina: var indiceMenor = n * tamPagina; // El índice mayor será indiceMenor + tamPagina - 1: var indiceMayor = indiceMenor + tamPagina - 1; // La petición será: var pedir = "AjaxBuscarFotos.php?galeria=" + g + "&rango=" + indiceMenor + "-" + tamPagina; // la respuesta será procesada por respuestaXMLNRango() pedirXML(pedir, respuestaXMLRango); } document.getElementById(capaBase + n).style.display = "block"; } //Redefinimos el menu para que muestre el XML en un popup function menuGaleria(galeria, capa, tamPagina, capaBase) { aMostrar = "
"; var mayorFecha; var cuentaFecha = 0; var ncapas = ((galeria.length % tamPagina) == 0) ? 0 : 1; ncapas += parseInt(galeria.length / tamPagina); for (var i = 0, total = ncapas; i < total; i ++) { // fabricamos el enlace: indiceMenor = i * tamPagina; mayorFecha = (i < ncapas - 1) ? ((i * tamPagina) + (tamPagina) - 1) : (i * tamPagina + (galeria.length % tamPagina - 1)); indiceMayor = mayorFecha; enlace = "AjaxBuscarFotos.php?rango=" + indiceMenor + "-" + indiceMayor; // creamos el enlace: aMostrar += "