/*
  Paginador
  version 1.0
  
  Para evitar un efecto de carga de todas las filas y que desaparezcan,
  ocultar cada fila por defecto <tr style="display:none">
*/

//var bgOn = '#c00a1d', bgOff = '#8a8a7f'; // colores paginador on/off
var bgOn = 'url(/img/bot-verde-mini-on.gif) no-repeat', bgOff = 'url(/img/bot-verde-mini.gif) no-repeat'; // colores paginador on/off
var numFilas = 10; // filas a mostrar por página


tabla = document.getElementById('listadoalquileres');
filas = tabla.getElementsByTagName('tbody');
total = filas[0].rows.length; // cuenta nº de filas
paginas = Math.ceil(total/numFilas); // calcula nº de páginas

function verFilas(p,ini,fin) { // función que muestra frilas
  for(i=0;i<total;i++) { // por defecto, oculta TODAS las filas
    filas[0].rows[i].style.display = 'none';
  }
  if (fin>total) finfin = total; // mira si el límite final es igual a 'fin' o 'total'
  else finfin = fin;
  for(i=ini;i<finfin;i++) { // muestra sólo las filas límitadas entre 'ini' y 'finfin'
    filas[0].rows[i].style.display = '';
  }
  pag = document.getElementById('paginador');
  bot = pag.getElementsByTagName('td');
  for(j=0;j<bot.length;j++) { // todos los botones se ponen en 'off'
    bot[j].style.background = bgOff;
  }
  document.getElementById('p'+p).style.background = bgOn; // el botón equivalente a la página actual se pone en 'on'
}

// escribe estilos y nº total
var paginador = '<style type="text/css">';
paginador += '#paginador {text-align:center;}';
paginador += '#paginador td {background:'+bgOff+'}';
paginador += '</style>';
paginador += '<table align="center" border="0" cellspacing="2"><tr>';
paginador += '<th>'+total+' inmuebles</th>';
var ini = 0, fin = numFilas; // límite inicial y final (por defecto)
for(i=0;i<paginas;i++) { // escribe el paginador de páginas
  numPag = i+1;
  paginador += '<td onclick="verFilas('+numPag+','+ini+','+fin+')" id="p'+numPag+'" style="color:#fff;cursor:pointer;font-weight:bold;height:25px;text-align:center;width:33px">'+numPag+'</td>';
  ini = ini+numFilas; fin = fin+numFilas; // suma 10 a cada límite
}
paginador += '</table>';

document.getElementById('paginador').innerHTML = paginador; // incrusta el paginador en la capa con id="paginador"

//window.onload = function() { // al cargar la página, se muestran sólo la primera página
  verFilas(1,0,numFilas);
//};