var endless = {
    loading : false,
    lastPage : false,
    nextPage : {CurrentPage},
    numPages : {TotalPages}
};

var loadCallback = function(data){
    $('#content').append(data)
//  $('#loading').hide();
    endless.loading = false;
};

function onScroll(){
    var element = $(document);
    var bottom = element.height() - element.scrollTop() - $(window).height();

    // change pixel to percentage
    if(bottom < 400 && !endless.lastPage && !endless.loading){
        endless.nextPage++;
        endless.loading = true;

        if(endless.nextPage === endless.numPages){
            endless.lastPage = true;
            // change the margin of the bottom to 20px
        } else {
            $('#content').load('/page/' + endless.nextPage + '#content .post', loadCallback);
//          $('#loading').show();
        }
    }
}