var projectPager = {

    _items: null,
    _totalRows: null,
    _totalPages: null,
    _interval: null,

    init: function() {
        projectPager._items = $('.container-item');
        projectPager._totalRows = projectPager._items.length;
       
        $('#viewTabs_projectsLink').html("Projekt: " + projectPager._totalRows);
        projectPager._interval = 10;
        projectPager._totalPages = Math.ceil(projectPager._totalRows / projectPager._interval);


        var markup = "Visa: ";
        var page = 1;

        /* Hide < Firstpage */
        for (var i = projectPager._interval; i < projectPager._items.length; i++)
            $(projectPager._items[i]).hide();

        var activeCssClass = '';
        for (var i = 0; i < projectPager._totalPages; i++) {

            var end;
            if ((i + 1) == projectPager._totalPages)
                end = projectPager._totalRows + "</a>";
            else
                end = ((i + 1) * projectPager._interval) + "</a> | ";

            if (i == 0)
                activeCssClass = 'class="ml-active"';
            else
                activeCssClass = '';


            markup += "<span " + activeCssClass + "><a href='#' onclick='projectPager.change(" + (i + 1) + ",$(this)); return false;'>" + page + "-" + end + "</span>";
            page += projectPager._interval;
        }
        markup += "<span class=''><a href='#' onclick='projectPager.unPageForSorting($(this));return false;'>Alla</a></span>";
        



        $("#pager").html(markup);

    },

    change: function(showPage, selectedPageBtn) {


        $(selectedPageBtn).parents("span").addClass("ml-active");
        $(selectedPageBtn).parents("span").siblings("span").removeClass("ml-active");


        for (var i = 0; i < projectPager._items.length; i++)
            $(projectPager._items[i]).hide();

        var count = 0;

        for (var i = (projectPager._interval * showPage) - projectPager._interval; i < projectPager._items.length; i++) {
            if (count < projectPager._interval) {
                $(projectPager._items[i]).show();
                count++
            }
            else
                break;
        }


    },

    unPageForSorting: function(selected) {
        for (var i = 0; i < projectPager._items.length; i++) {
            $(projectPager._items[i]).show();
        }
        $(selected).parents("span").addClass("ml-active");
        $(selected).parents("span").siblings("span").removeClass("ml-active");


    }


}