Jq - paginazione di dati matrice a 2 array per volta

[SkyInside]

Facendo il ciclo while mi visualizza al massimo 4 eventi, dal 5° in avanti non li visualizza, è possibile?
Ho messo la pagina on line a questo indirizzo
link

questo il codice del ciclo

var riempieventi = function() {

var cr = 0;
var tt_ev = "";

while ((idr < $nv1) && (cr < 2)) {
            tt_ev = tt_ev + (
                '<div id="session_detail">' +
                '<div id="img_ev_container">' +
                '<div class="img_evento" style="background-image: url(' + ardati[idr][3] + ');"></div>' +
                '<div class="RSRsessionname">' + ardati[idr][0] + "</div>" +
                '<div class="RSRcarname">Car : ' + ardati[idr][1] + "</div>" +
                '<div class="RSRtrackname">Track : ' + ardati[idr][2] + "</div>" +
                "</div>" +
                '<div id="CollapsiblePanel' + idr + '" class="CollapsiblePanel">' +
                '<div class="CollapsiblePanelTab" tabindex="0">Classifica</div>' +
                '<div class="CollapsiblePanelContent">Classifica evento not yet implemented</div>' +
                "</div>" +
                '<script type="text/javascript">' +
                'var CollapsiblePanel' + idr + ' = new Spry.Widget.CollapsiblePanel("CollapsiblePanel' + idr + '");' +
                "</script>" +
                '<div class="RSRHeader_1"></div>' +
                "</div>");
            idr++;
            cr++;
        };
        $(".SE_MAIN").html(tt_ev);
        $(".SE_MAIN").append('<div class="LOG"></div>');
        /*$(".LOG").html('idr: '+idr+'</br>'+"n°.Evento : "+eventiRSR_PHP[idr][0]);*/
        statoPagRSR = 2;
        $('.btn_backRSR[data-mode="next"]').bind("click",nextRSR);

 }; // CHIUSURA FUNZIONE RIEMPIEVENTI

idr è inizializzato a 0 fuori dalla funzione.
il pulsante avanti viene "attivato" tramite il bind alla fine della funzione e richiama semplicemente la funzione

var nextRSR = function(){
    riempieventi();
};

[SkyInside]

Problema risolto, c'era il .bind al pulsante next che mandava in palla la funzione.
Spostato nel load della pagina e ora funziona regolarmente.
Ora devo creare la funzione che mi caricagli eventi precedenti.
Per ora ho scritto questo:

var prevRSR = function(){
	if ( idr >= 4 ){
		idr = idr - 4;
	} else {
		idr = 0;
	};
	riempieventi();
};

Funziona ma l'unico difetto è che se gli eventi sono dispari mi carica gli eventi sbagliati.
L'ordine di caricamento deve essere:
Pag.1 - Ev.1 , Ev.2
Pag.2 - Ev.3 , Ev.4
Pag.3 - Ev.5 , Ev.6
Pag.4 - Ev.7 , Ev.8
Pag.5 - Ev.9 , Ev.10
Pag.6 - Ev.11
etc...
se sono nella pagina 6 spingendo indietro dovrebbe caricarmi la pagina 5 (Ev.9,Ev.10) invece mi carica (Ev.8,Ev.9)
potrei far fare un controllo se idr è pari o dispari, nel caso togliere 4 (se gli eventi sono pari) o 3 (se gli eventi sono dispari, sempre e comunque con l'indice >=4.
Che ne dite?

[SkyInside]

Risolto anche il problema del pulsante indietro.
alla fine della funzione ho inserito questo codice

$(".SE_MAIN").html(tt_ev);// Stampo gli eventi risultato del ciclo nel contenitore SE_MAIN sostituendo il contenuto
statoPagRSR = 2;            // Stato della pagina
    if (idr % 2 == 0){        // Controllo se l'indice del ciclo è PARI o DISPARI
        ToF = 0;            // Se è pari metto a 0 la var ToF
    } else {
        ToF = 1;            // Se è dispati metto a 1 la var ToF
    };

Poi ho modificato la funzione del mio pulsante

var prevRSR = function(){                    // BUTTON PREV
    if ( idr >= 4 && (ToF == 0)){
        idr -= 4;
    } else if (idr >= 4 && (ToF == 1)) {
        idr -= 3;
    }else {
        idr = 0;
    };
    riempieventi();
};