/**
 * 使选中区域显示分页
 *
 * options{
 * 	pageNo: 页码
 * 	pageSize：页大小 (默认为10)
 *	total: 数据总数
 *	callback: 点击页码后执行方法
 * }
 */
$.fn.pagination = function (options) {

    // 默认属性
    var opt = {pageNo: 1, pageSize: 10};
    // 填充参数
    $.extend(opt, options);
    opt.pageTotal = Math.ceil(opt.total / opt.pageSize);
    // 分页DOM
    var container = $(this);

    selectPage(opt.pageNo);

    // 上一页点击事件
    container.find("#first-page").click(function () {
        if (Number(opt.pageNo) > 1) {
            opt.pageNo = Number(opt.pageNo) - 1;
        }

        selectPage(opt.pageNo);
        opt.callback(opt.pageNo);
    });
    // 首页点击事件
    container.find("#firstpage").click(function () {
        opt.pageNo = 1;
        selectPage(opt.pageNo);
        opt.callback(opt.pageNo);
    });

    // 下一页点击事件
    container.find("#last-page").click(function () {
        if (Number(opt.pageNo) < Number(opt.pageTotal)) {
            opt.pageNo = Number(opt.pageNo) + 1;
        }

        selectPage(opt.pageNo);
        opt.callback(opt.pageNo);
    });
    // 尾页点击事件
    container.find("#lastpage").click(function () {
        opt.pageNo = Number(opt.pageTotal);
        selectPage(opt.pageNo);
        opt.callback(opt.pageNo);
    });

    // 页码点击事件
    container.find("[name='page']").click(function () {
        opt.pageNo = parseInt($(this).text());
        selectPage(opt.pageNo);
        opt.callback(opt.pageNo);
    });

    // 选择页码
    function selectPage(pageNo) {
        container.html("");
        var ul = container;

        var str = '';
        // 首页、上一页
        if (opt.pageNo > 0) {
            str += '<li><a class="btn btn-default" id="firstpage">首页</a></li>';
            str += '<li><a class="btn btn-default" id="first-page">上一页</a></li>';
        }
        // 中间显示页码
        var start = pageNo - 2 <= 1 ? 1 : pageNo - 2;
        var end = start + 4;
        if (end >= opt.pageTotal) {
            end = opt.pageTotal;
            start = end - 4 <= 1 ? 1 : end - 4;
        }
        if (opt.pageTotal != 0) {
            for (var i = start; i <= end; i++) {
                if (i == pageNo) {
                    str += '<li class="hidden-xs"><a class="btn btn-warm" name="page">' + i + '</a></li>';
                } else {
                    str += '<li class="hidden-xs"><a class="btn btn-default" name="page">' + i + '</a></li>';
                }
            }

            str += '<li><a class="btn btn-default" id="last-page">下一页</a></li>';
            str += '<li><a class="btn btn-default" id="lastpage">尾页</a></li>';

            ul.append(str);
        }
    }
};