var nombre = new Array();
nombre = [["comentario1","foto1"],
["comentario2","foto2"],
["comentario3","foto3"],
["comentario4","foto4"],
["comentario5","foto5"],
["comentario6","foto6"],
["comentario7","foto7"],
["comentario8","foto8"],
["comentario9","foto9"],
["comentario10","foto10"]];
var filas = 2;
var col = 4;
var Pagify = function(pArray, pCounter)
{
var array = pArray;
var pointer = 0;
var btnPrevious;
var btnNext;
var btnFirst;
var btnLast;
var counter = pCounter;
var self = this;
this.canNext = function()
{
return (pointer + counter < array.length);
}
this.canPrevious = function()
{
return (pointer >= counter);
}
this.first = function()
{
pointer = 0;
self.show();
}
this.last = function()
{
var multiply = Math.floor(array.length / counter)-1;
pointer = counter * multiply;
self.show();
}
this.next = function()
{
if (self.canNext())
{
pointer += counter;
self.show();
}
}
this.previous = function()
{
if (self.canPrevious())
{
pointer -= counter;
self.show();
}
}
this.setPreviousButton = function(buttonId)
{
btnPrevious = document.getElementById(buttonId);
btnPrevious.onclick = self.previous;
}
this.setFirstButton = function(buttonId)
{
btnFirst =document.getElementById(buttonId);
btnFirst.onclick = self.first;
}
this.setLastButton = function(buttonId)
{
btnLast = document.getElementById(buttonId);
btnLast.onclick = self.last;
}
this.setNextButton = function(buttonId)
{
btnNext =document.getElementById(buttonId);
btnNext.onclick = self.next;
}
this.show = function()
{
document.getElementById("nombres").innerHTML = "";
{
var filas, indF, indC, txt;
filas = Math.ceil(array.length/col)
Contenido = '<table>';
for(var i = pointer; i < pointer + counter && i < array.length ; i++)
//for (indF=0; indF < filas; indF++)
{
Contenido += '<tr>';
for (indC=i*col; indC < i*col+col; indC++)
{
if (typeof(array[indC][1]) != "undefined")
Contenido += '<td><img src=\"images/'+array[indC][1]+'.jpg\"></td>';
else
Contenido += '<td> </td>';
}
Contenido += '</tr>';
Contenido += '<tr>';
for (indC=i*col; indC < i*col+col; indC++)
{
if (typeof(array[indC][0]) != "undefined")
Contenido += '<td>'+array[indC][0]+'</td>';
else
Contenido += '<td> </td>';
}
Contenido += '</tr>';
}
Contenido += '</table>';
document.getElementById("nombres").innerHTML += Contenido;
}
btnPrevious.disabled = !self.canPrevious();
btnNext.disabled = !self.canNext();
btnFirst.disabled = !self.canPrevious();
btnLast.disabled = !self.canNext();
}
}
window.onload = function()
{
var pagify = new Pagify(nombre, filas);
pagify.setPreviousButton("botanterior");
pagify.setNextButton("botsiguiente");
pagify.setFirstButton("botprimero");
pagify.setLastButton("botultimo");
pagify.show();
}
