﻿  function BuscaPagina() {
        if ($("#txtNoPagina").val() == "") $("#txtNoPagina").val("1");
        MostrarPagina($("#txtNoPagina").val());

    }



    function MostrarPagina(NoPagina) {
    
        var persona1 = (NoPagina-1)*3;
        var persona2 = (NoPagina - 1) * 3 + 1;
        var persona3 = (NoPagina - 1) * 3 + 2;


        
        $("#datos_per1").html("");
        $("#datos_per2").html("");
        $("#datos_per3").html("");

        jQuery.each(Personas, function (i, Persona) {

            if (i == persona1) $("#datos_per1").html(htmlPersona(Persona));
            if (i == persona2) $("#datos_per2").html(htmlPersona(Persona));
            if (i == persona3) $("#datos_per3").html(htmlPersona(Persona));

        });

        var PaginaInicioVisible = 0;
        var PaginaUltimaVisible = 0;
        var PaginaSiguienteVisible = 0;
        var PaginaUltima = 0;
        var PaginaAnteriorVisible = 0;

        PaginaUltima = Paginador.PageCount;
        if (NoPagina <= 3) PaginaInicioVisible = 1; else PaginaInicioVisible = NoPagina - 1;
        PaginaUltimaVisible = PaginaInicioVisible + 2;
        if (PaginaUltimaVisible >= PaginaUltima) PaginaUltimaVisible = PaginaUltima;
        PaginaSiguienteVisible = PaginaUltimaVisible + 2;
        if (PaginaSiguienteVisible >= PaginaUltima) PaginaSiguienteVisible = PaginaUltima;
        PaginaAnteriorVisible = PaginaInicioVisible - 2;
        if (PaginaAnteriorVisible <= 0) PaginaAnteriorVisible = 1;

        $("#Paginacion").html(dibujaPaginador(NoPagina));
        $("#txtNoPagina").val(NoPagina);
        if (PaginaAnteriorVisible == 1) {
            $("#divPrimera").css("display", "none");
            $("#divAnterior").css("display", "none");
            }
        else {
            $("#divPrimera").css("display", "block");
            $("#divAnterior").css("display", "block");
            }


        if (PaginaUltimaVisible >= PaginaUltima) {
            $("#divUltima").css("display", "none");
            $("#divSiguiente").css("display", "none");
        }
        else {
            $("#divUltima").css("display", "block");
            $("#divSiguiente").css("display", "block");
        }

        
    }

    function htmlPersona(Persona) {
    var cadena = ""
    cadena = "<div class=\"listado_bco\">" +
              "<span class=\"nombre_persona\">" +
              Persona.ApellidoPaterno + " " +
              Persona.ApellidoMaterno + " " +
              Persona.Nombre + " " +
              Persona.SegundoNombre +
               "</span><br />" +
               "<strong>" + Persona.Direccion + "<br />" +
               "Colombia - " + Persona.Departamento + ", " + Persona.Ciudad + "<br />" +
                "Teléfono(s): " + Persona.Telefono + "</strong><br />" +
                "</div>";
    return cadena;
}

function dibujaPaginador(NoPagina) {
    var PaginaInicioVisible = 0;
    var PaginaUltimaVisible = 0;
    var PaginaSiguienteVisible = 0;
    var PaginaAnteriorVisible = 0;
    var PaginaUltima = 0;
    
    PaginaUltima = Paginador.PageCount;
    if (NoPagina <= 3) PaginaInicioVisible = 1; else PaginaInicioVisible = NoPagina - 1;
    PaginaUltimaVisible = PaginaInicioVisible + 2;
    if (PaginaUltimaVisible >= PaginaUltima) PaginaUltimaVisible = PaginaUltima;
    PaginaSiguienteVisible = PaginaUltimaVisible + 2;
    if (PaginaSiguienteVisible >= PaginaUltima) PaginaSiguienteVisible = PaginaUltima;
    PaginaAnteriorVisible = PaginaInicioVisible - 2;
    if (PaginaAnteriorVisible <= 0) PaginaAnteriorVisible = 1;


    var cadena = "";
        cadena =    "<div class=\"resul_pag\">" +
                    "<div class=\"paginas\">" +
                        "<div class=\"plk_resul_ama1\">Resultados (" + Paginador.TotalItemCount + ")</div>" +
                         "<div class=\"selecpag\">Página: " +
                         "<input id=\"txtNoPagina\" title=\"Máximo de páginas " + Paginador.PageCount + "\" onkeypress=\"return validar(event,this);\"  type=\"text\" value=\"3\" maxlength=\"5\"  style=\"width:30px;\" />" +
                        "<input type=\"image\"  src=\"/Content/Images/lupa1.png\" onclick=\"BuscaPagina();\" style=\"width:18px;border-width:0px;\" />" +
                        "</div>" +
                        "<div class=\"fojas\">" +
                        "<table width=\"114\" border=\"0\" cellspacing=\"3\" cellpadding=\"0\">" +
                        "<tr>" +
                        "<td width=\"53\" height=\"16\"><strong>Páginas:&nbsp;&nbsp;&nbsp </strong></td>" +
                        "<td width=\"31\" align=\"center\"><div id=\"divPrimera\"><strong><a  href=\"#\"  onclick=\"MostrarPagina(1 );\" style=\"color:Black;\">&lt;&lt;</a></strong></div></td>" +
                        "<td width=\"14\" align=\"center\"><div id=\"divAnterior\"><a  href=\"#\"  onclick=\"MostrarPagina(" + PaginaAnteriorVisible  + ");\"  style=\"color:Black;\">&lt;</a></div></td>" +
                         "<td width=\"14\" align=\"center\"></td>" +
                         "<td width=\"31\" align=\"center\"><strong></strong></td>" +
                          "<td width=\"45\" align=\"center\"> ";
        var NoPag = 1;
        jQuery.each(Paginador.paginas, function (i, Pagina) {


            if (NoPag >= PaginaInicioVisible && NoPag <= PaginaUltimaVisible) {
                if (NoPag == NoPagina) {
                    cadena = cadena + "<a  class=\"folios\"  style=\"color:Black;\">" + Pagina.TextoMostrar + "</a>";
                }

                else {
                    cadena = cadena + "<a class=\"folios\" href=\"#\" onclick=\"MostrarPagina(" + Pagina.TextoMostrar + ");\">" + Pagina.TextoMostrar + "</a>";
                }

            }
            NoPag++;

        });


        cadena = cadena + "</td>"
        cadena = cadena + "<td width=\"14\" align=\"center\"><div id=\"divSiguiente\"><a  href=\"#\" onclick=\"MostrarPagina(" + PaginaSiguienteVisible +");\" style=\"color:Black;\">&gt;</a>";
        cadena = cadena + "</div></td>";
        cadena = cadena + "<td width=\"31\" align=\"center\"><div id=\"divUltima\"><strong><a  href=\"#\" onclick=\"MostrarPagina(" + PaginaUltima + ");\" style=\"color:Black;\">&gt;&gt;</a></strong></div></td>";
        cadena = cadena + "</tr>" + "</table>" + "</div></div></div>";

                    return cadena;
}



function validar(e, obj) {
    tecla = (document.all) ? e.keyCode : e.which;
    if (tecla == 8) return true;
    patron = /\d/;
    te = String.fromCharCode(tecla);
    if (patron.test(te)) {
        if (parseInt($("#txtNoPagina").val() + te) > parseInt(Paginador.PageCount)) {
            return false;
                }


        return true;
    }
    else return false;

} 

