var getItems = function (url, needInitScroll) {

    $.ajax({
        url: url,
        dataType: 'json',
        beforeSend: function () {
            $(".items-list").append('<p class="text-center loader"><i class="fa fa-spinner fa-spin" aria-hidden="true"></i></p>');
        },

        success: function (data) {
            $(".items-list").append(data.content);


            if (needInitScroll)
            {
                initScroll();
            }

            $(".items-list").data('next-page-url', data.nextPageUrl);

        },

        complete: function () {

            $(".items-list").find('.loader').remove();
        }
    });



};

var loadContentOnScrollEnd = function () {

    if ($(".items-list").data('next-page-url'))
    {
        var url = $(".items-list").data('next-page-url');
        $(".items-list").data('next-page-url', '');
        getItems(url, false);
    }
};

var initScroll = function () {

    var scrollHeight = $('.main-content__right').height();
    var formHeight = $('.search-form').outerHeight(true);
    $('.main-content-left-wrap').css('max-height', scrollHeight-formHeight);



    $('.main-content-left-wrap').mCustomScrollbar({
        advanced:{

            updateOnContentResize: true,
            updateOnImageLoad: true
        },

        callbacks:{
            onTotalScroll:function(){
                loadContentOnScrollEnd();
            }
        },


    });



}


$( document ).ready(function() {

    if ($(".items-list").length)
    {
        var url = $(".items-list").data('list-url');

        return getItems(url, true);
    }
});