/* CUALQUIER DUDA DEL SCRIPT COMUNICAR A JONYMUSKY@HOTMAIL.COM */ AJAX = new Request("/ajax/templatemanager.php"); var actualPage; var selectedTemplate; var selectedColorTemplate; var leftDiv = 0; var numerIniPag = 1; var Dialoguito; urlImagenes = "template"; function ampliar(id){ if($("temp"+id).style.display != "none"){ $("loading").show(); //$("imagenAmpliada").src = "images/cargandotemplate.jpg"; Dialoguito.Show('verGrande'); $("tableImg").hide(); /*$("imagenAmpliada").src = "/eshttp://template.neositios.com/http://template.neositios.com/getimage.php?pr=5&l="+urlImagenes +'/'+ $("id"+id).value + /*'/'+ $("colores"+id).value +"/color.jpg&w=290&h=290";*/ $("imagenAmpliada").src = "http://template.neositios.com/getimage.php?pr=1&l=/"+ $("id"+id).value + "/"+ $("colores"+id).value +"/color.jpg&w=647&h=481&what="+urlImagenes; /*$("idColorAmpliada").value = $("colores"+id).value; $("idTemplateAmpliada").value = $("id"+id).value;*/ selectedTemplate = $("id"+id).value; selectedColorTemplate = $("colores"+id).value; //ACA CARGAR LA INFO DE LOS COLORES DEL TEMPLATE /* ACA TRAIGO LOS COLORES DE UN TEMPLATE */ urlColor="a=get&w=template_colors&tid="+$("id"+id).value; AJAX.Async(urlColor, callback_CargaColores, this, false); //Le entrego un limit al get //ACA CARGAR LA INFO DEL SCROLL }else{ alert("no hay template"); } } var newImg = new Image(); function callback_CargaColores(varExtra, aData){ //aData = aData.responseJSON; aData = aData.responseJSON; tmpColors = aData["data"]; baseUrl = "http://template.neositios.com/getimage.php?what=" + urlImagenes + "&l=/" + selectedTemplate + "/"; for(i=0; i<=5;i++) { $("imagenChica" + i).src = "images/loading.gif"; $("imagenChica" + i).src = baseUrl + tmpColors[i]["color_id"] + '/color.jpg&w=68&h=68&pr=9'; $("imagenChica" + i).onmouseover = doTransparence.bind(this, "imagenChica" + i , 1, 0.5); $("imagenChica" + i).onmouseout = doTransparence.bind(this, "imagenChica" + i , 0.5, 1); $("imagenChica" + i).onclick = AmpliaElColor.bind(this, tmpColors[i]["color_id"]); } $("loading").hide(); $("tableImg").show(); setTimeout("ponerAlto()", 500); } function ponerAlto(){ newImg.src = $("imagenAmpliada").src; var height = newImg.height; if(height<481) { if(height==0) { setTimeout("ponerAlto()", 500); } else { $('divImg').style.height = height + "px"; } //$('divImg').style.overflow = "hidden"; } else { $('divImg').style.height = "481px"; } } function AmpliaElColor(idColor){ $("imagenAmpliada").src = "http://template.neositios.com/getimage.php?pr=1&l=/"+ selectedTemplate + "/"+ idColor +"/color.jpg&w=647&h=481&what="+urlImagenes; $("tableImg").hide(); $("loading").show(); //$("imagenAmpliada").onload = "$('loading').hide();"; setTimeout('Amplialo()',2000); //$("imagenAmpliada").onload = "$('loading').hide();"; } function Amplialo(){ $("tableImg").show(); $("loading").hide(); } function modificaDivTemplate(id, idMuestra, colores){ idMuestra++; try{ $("celimh"+idMuestra).show(); }catch(e){} try{ $("temp"+idMuestra).show(); $("celda"+idMuestra).show(); $("temp"+idMuestra).style.visibility = "visible"; $("celda"+idMuestra).style.visibility = "visible"; /*$("celimv"+idMuestra).show();*/ /*Para que no muestre las últimas lineas verticales*/ resto = idMuestra % 4; if(resto == 0){ $("celimv"+idMuestra).hide(); } else{ $("celimv"+idMuestra).show(); } /*Fin - para que no muestre las últimas líneas verticales*/ $("abajo"+idMuestra).show(); //$("img"+idMuestra).src = "http://template.neositios.com/getimage.php?pr=9&l="+urlImagenes +'/'+ id + '/'+ colores +"/color.jpg&w=192&h=192"; // definir el src de la imagen tamaño normal. $("img"+idMuestra).src = "http://template.neositios.com/getimage.php?pr=9&l=/"+ id + "/"+ colores +"/color.jpg&w=192&h=192&what="+urlImagenes; // definir el src de la imagen tamaño normal. $("colores"+idMuestra).value = colores; $("id"+idMuestra).value = id; $("img" + idMuestra).onclick = ampliar.bind(this, idMuestra); //$("img" + idMuestra).onmouseover = doTransparence.bind(this, "img" + idMuestra, 1, 0.5, queHizo="arriba"); //$("img" + idMuestra).onmouseout = doTransparence.bind(this, "img" + idMuestra, 0.5, 1, queHizo="sefue"); imgSrc = "http://template.neositios.com/getimage.php?pr=5&l="+urlImagenes +'/'+ id + '/'+ colores +"/color.jpg&w=390&h=355"; $("img" + idMuestra).onmouseover = moveUp.bind(this, idMuestra); $("img" + idMuestra).onmouseout = moveDown.bind(this, idMuestra); $("viewMore" + idMuestra).onmouseover = mouseOverPreview.bind(this, idMuestra); $("viewMore" + idMuestra).onmouseout = mouseOutPreview.bind(this, idMuestra); $("viewMore" + idMuestra).onclick = ampliar.bind(this, idMuestra); /*$("imagenAmpliada").onmouseover = doTransparence.bind(this, "imagenAmpliada" , 1, 0.5); $("imagenAmpliada").onmouseout = doTransparence.bind(this, "imagenAmpliada" , 0.5, 1); */ }catch(e){ //alert("Error: "+e); } } function doTransparence(imgId, transStart, transEnd, queHizo) { new Effect.Opacity($(imgId), { duration: 0.2, transition: Effect.Transitions.linear, from: transStart, to: transEnd }); if(/MSIE/.test(navigator.userAgent)){ $(imgId).style.cursor="hand"; }else{ try{ $(imgId).style.cursor="pointer"; }catch(e){} } } function CreaDivs(indice){ var idTemplate = 1; var idFila; //tControl = '
'; tControl = '
'+$F('verColores')+'
'+$F('verColores')+'
'+$F('verColores')+'
'+$F('verColores')+'
'+$F('verColores')+'
'+$F('verColores')+'
'+$F('verColores')+'
'+$F('verColores')+'
'+$F('verColores')+'
'+$F('verColores')+'
'+$F('verColores')+'
'+$F('verColores')+'
'; document.getElementById("templates").innerHTML = tControl; genericaTraerValores(1); } function genericaTraerValores(aCualPagina){ aCualPagina = parseInt(aCualPagina); // si aCualPagina es -1 vamos a traer todos los templates url = "a=get&w=templates"; try{ cantidad = 12; if(cantidad != -1){ url += "&max="+cantidad; } }catch(e){} try{ if(aCualPagina != 1){ desde = cantidad * (aCualPagina -1); }else if(aCualPagina == 1){ desde = 0; } if(desde){ url += "&from="+desde; }else{ url += "&from=0"; } }catch(e){} AJAX.Async(url, callback_genericaTraerValores, this, aCualPagina); //Le entrego un limit al get } function callback_genericaTraerValores(varExtra, aData){ //aData = aData.responseJSON; aData = aData.responseJSON; tmpArr = aData["data"]; //alert(tmpArr)//tantos objects como diseños haya por pagina cantImagenesPorPagina = tmpArr.length selectedTemplate = aData["temp"]; var modifica = true; for (tmpIT = 0; template = tmpArr[tmpIT]; tmpIT ++) { colores = template["color"]; id = template["id"]; idMuestra = tmpIT; modificaDivTemplate(id, idMuestra, colores); } if(tmpArr.length < 12){ var valor = 12; /*Para que no aparezca la última linea vertical cuando hay menos de 8, 12, 24 */ if(cantImagenesPorPagina= paginas) { displayBtnSig = "hidden"; } else { displayBtnSig = "visible"; } tControl = ""; tControl += "
"; //boton anterior tControl += '
<
'; tControl += "		"; tControl += "
"; tControl += "
"; for(t=numerIniPag; t< paginas; t++){ if (actualPage == t) { tControl += '
'+ t +'
'; } else { tControl += '
'+ t +'
'; } } if (actualPage == paginas) { tControl += '
'+ paginas +'
'; } else { tControl += '
'+ paginas +'
'; } tControl += "
"; tControl += "		"; //boton siguiente tControl += '
>
'; tControl += "
"; //alert(tControl) $("paginas_numero").innerHTML = tControl; $("paginas_numero2").innerHTML = tControl; } function ModificaPagina(valor, total){ for(i=1; i<=12;i++){ $('img'+i).src = "images/loading.gif"; } //rearmo paginado para q el valor quede en el medio if(valor < 3) numerIniPag= 1; if(valor >= 3) { if((valor+2) >= total) { numerIniPag=total-4; } else { numerIniPag=valor-2 } } /* ACA VOY A CALCULAR EL NUMERO DE PAGINA */ url = "a=get&w=template_count"; AJAX.Async(url, callback_Pagina, this, valor); $("paginaactual").value = valor; /*i = 1; while (pageElem = $("page_" + i)) { pageElem.style.fontWeight = ""; i ++; } if (valor < 1) valor = i - 1; if (valor >= i) valor = 1; //$("page_" + valor).style.fontWeight = "bold"; $("page_" + valor).style.backgroundColor = '#4497BF'; $("page_" + valor).style.border = '1px solid #BFDBE3'; */ //Pagina = valor-1; actualPage = valor; genericaTraerValores(valor); } function CargaInicial(){ Dialoguito = new Dialog(); CreaDivs(0); /* ACA VOY A CALCULAR EL NUMERO DE PAGINA */ url = "a=get&w=template_count"; AJAX.Async(url, callback_Pagina, this, 1); //callback_Pagina(false, 96); /* ACA VOY A CALCULAR EL NUMERO DE PAGINA */ } function cerrarGrande() { $("imagenAmpliada").src = "images/cargandotemplate.jpg"; $("imagenChica0").src = "images/loading.gif"; $("imagenChica1").src = "images/loading.gif"; $("imagenChica2").src = "images/loading.gif"; $("imagenChica3").src = "images/loading.gif"; $("imagenChica4").src = "images/loading.gif"; $("imagenChica5").src = "images/loading.gif"; $('divImg').style.height = "481px"; Dialoguito.Hide('verGrande'); }