function Paginador(nombreElementos, elementosPagina, numElementos) {
    this.nombreElementos = nombreElementos;
    this.elementosPagina = elementosPagina;
    this.numElementos = numElementos;
    this.paginaActual = 1;
    this.numPaginas = 0;
    
    this.mostrarElementos = function(inicio, fin) {
        for (var i = 0; i < numElementos; i++) {
            var elem = document.getElementById(this.nombreElementos+i);
            if (i < inicio || i > fin)  
                elem.style.display = 'none';
            else
                elem.style.display = '';
        }
    }
    
    this.mostrarPagina = function(pagina) {
        var anterior = document.getElementById('pg'+this.paginaActual);
        if(anterior != null) anterior.className = 'pg-normal';
      
        this.paginaActual = pagina;
        var nueva= document.getElementById('pg'+this.paginaActual);
        if(nueva != null) nueva.className = 'pg-actual';
       
        var de = (pagina - 1) * elementosPagina;
        var a = de + elementosPagina - 1;
        this.mostrarElementos(de, a);
    }   
    
    this.anterior = function() {
        if (this.paginaActual > 1)
            this.mostrarPagina(this.paginaActual - 1);
    }
    
    this.siguiente = function() {
        if (this.paginaActual < this.numPaginas) {
            this.mostrarPagina(this.paginaActual + 1);
        }
    }                        

    this.mostrarNavegacion = function(nombreVariablePaginador, idDivContenedor) {
    	this.numPaginas = Math.ceil(numElementos / elementosPagina);
         
    	var elemento = document.getElementById(idDivContenedor);
    	
    	var htmlPaginador= '<span id="pgAnt" onclick="' + nombreVariablePaginador + '.anterior();" class="pg-normal"> &#171 Ant. </span> |';
        for (var pag = 1; pag <= this.numPaginas; pag++) 
            htmlPaginador += '<span id="pg' + pag + '" class="pg-normal" onclick="' + nombreVariablePaginador + '.mostrarPagina(' + pag + ');">' + pag + '</span> |';
        htmlPaginador += '<span id="pgSig" onclick="'+nombreVariablePaginador+'.siguiente();" class="pg-normal">Sig. &#187;</span>';            
        
        elemento.innerHTML = htmlPaginador;
    }
}