var tipoS = 1;
$(function () {
    var inicio = 1;

    $('#home_usuario').scrollPagination({

        //'contentPage': '../ajax/scroll.aspx?inicio=' + inicio + '&registros=9', // the page where you are searching for results
        'contentData': {}, // you can pass the children().size() to know where is the pagination
        'scrollTarget': $('#home_usuario'), // who gonna scroll? in this example, the full window
        'heightOffset': 200, // how many pixels before reaching end of the page would loading start? positives numbers only please
        'pageSize': 20,
        'tipo': 0,
        'idDiv': '#contentUsuario',
        'idDivRolagem': '#home_usuario',
        'beforeLoad': function () { // before load, some function, maybe display a preloader div
            $('#loading').fadeIn();


        },
        'afterLoad': function (elementsLoaded) { // after loading, some function to animate results and hide a preloader div
            $('#loading').fadeOut();


            $(elementsLoaded).fadeInWithDelay();
            //                if ($('#content').children().size() > 100) { // if more than 100 results loaded stop pagination (only for test)
            //                    $('#nomoreresults').fadeIn();
            //                    $('#content').stopScrollPagination();
            //                }
        }
    });

    // code for fade in element by element with delay
    $.fn.fadeInWithDelay = function () {
        var delay = 0;
        return this.each(function () {
            $(this).delay(delay).animate({ opacity: 1 }, 200);
            delay += 100;
        });
    };

});

var inicio = 1;
var dados = ""
function paginationUsuario(txt) {
    inicio = 1;
    $('#home_usuario').scrollPagination({
        'tipo': txt,
        'idDiv': '#contentUsuario',
        'idDivRolagem': '#home_usuario',
        'pagina': 'ajax/scrollUsuarios.aspx'
    });

    $('#loading').fadeIn();

    $.post('ajax/scrollUsuarios.aspx?inicio=' + inicio + '&registros=19&tipo=' + txt, {}, function (data) {
        if (data != "1") {
            $('#contentUsuario').slideDown('slow', function () {
                $("#contentUsuario").append(data);

                inicio = inicio + 20;
                $('#loading').fadeOut();
            });
        }
        else {
            $('#loading').fadeOut();
            alert("Sistema temporariamente indisponível.")
        }


    });
}