$(document).ready(function () {
    if ($('#uxViewMoreProducts').length > 0) {
        $('#uxViewMoreProducts').hide();
        var pagingHandler = new webShopPagingProducts({
            pageSize: $('#uxPageSize').val(),
            orderBy: $('#uxOrderBy').val(),
            onAddingProducts: addingProductsHandler,
            getMoreService: WebShopCatalog.GetShopByProductsByCategory,
            criteria: $('#uxCategoryId, #uxShopBy'),
            skipPages: 1 //Firstpage is rendered as default so skip redering first page from js
        });
        $('#uxViewMoreProducts').bind('click', pagingHandler.getMore);
        $('#uxViewMoreProducts').bind('click', function () {
            $('#productWaitingIcon').show();
            $('#uxViewMoreProducts').hide();
        });
        pagingHandler.getMore();
    }
});


function addingProductsHandler(remainingItems, html, skipPage) {
    $('#productWaitingIcon').hide();
    if (remainingItems > 0) {
        $('#uxViewMoreProducts').show();
        var rel = $('#uxViewMoreProducts').val().replace(/\s\(\d*\)$/, '') + ' (' + remainingItems + ')';
        $('#uxViewMoreProducts').val(rel);
    }
    
    if (!skipPage) {
        $('#uxProductList').append(html);
        var mostRightItems = $('#uxProductList li');
        for (var index = 0; index < mostRightItems.length; index++) {
            if ((index + 1) % 5 == 0) {
                $(mostRightItems[index]).find(".productPopup").removeClass('productPopup').addClass('productPopup2');
            }
        }
    }
}