$(function () {
    InitPageButton($("#site-colors-content").find("li"), $("#site-colors-content-last_page"), $("#site-colors-content-next_page"), 12, "");
})


function InitPageButton(list, last, next, pagesize, focus, marginLeft) {
    if (focus == '') {
        next.attr("href", "javascript:void(0)");
        last.attr("href", "javascript:void(0)");
    }
    else {
        next.attr("href", focus);
        last.attr("href", focus);
    }
    var sum = list.size();
    if (sum > pagesize) {
        var pagecount = sum % pagesize == 0 ? sum / pagesize : sum / pagesize + 1;
        list.filter(":gt(" + (pagesize - 1) + ")").hide();
        last.hide();
        //alert(last.css("marginLeft")+"-"+next.css("marginLeft"));
        var ml = next.css("marginLeft");
        var ll = last.css("marginLeft");
        if (marginLeft) {
            next.css("marginLeft",marginLeft);
        }
        var p = 1;
        next.click(function () {
            if (marginLeft) {
                last.css("marginLeft", ll);
                next.css("marginLeft", ml);
            }
            last.show();
            p++;
            if (p + 1 >= pagecount) {
                next.hide();
                if (marginLeft) {
                    last.css("marginLeft", marginLeft);
                }
            }
            list.filter(":visible").hide();
            var startIndex = pagesize * (p - 1);
            var b = list.filter(":gt(" + (startIndex - 1) + ")");
            b.filter(":lt(" + pagesize + ")").fadeIn();
        });

        last.click(function () {
            if (marginLeft) {
                last.css("marginLeft", ll);
                next.css("marginLeft", ml);
            }
            next.show();
            if (p - 1 <= 1) {
                last.hide();
                if (marginLeft) {
                    next.css("marginLeft", marginLeft);
                }
            }
            p--;
            list.filter(":visible").hide();
            if (p == 1) {
                list.filter(":lt(" + pagesize + ")").fadeIn();
            }
            else {
                var startIndex = pagesize * (p - 1);
                var b = list.filter(":gt(" + (startIndex - 1) + ")");
                b.filter(":lt(" + pagesize + ")").fadeIn();
            }
        });
    }
    else {
        last.hide();
        next.hide();
    }
}