function calculateTotalPage(totalCount, recPerPage) {
    return (totalCount % recPerPage == 0) ? (Math.floor(totalCount / recPerPage)) : (Math.floor((totalCount / recPerPage)) + 1);
}

function getUrlStr(linkType, linkUrl, pageInt) {
    if (linkType == 'js') {
        return linkUrl.replace('{page}', pageInt);
    } else {
        return linkUrl + 'page=' + pageInt;
    }
}

function showPage(page, size, total, linkUrl) {
    var linkType = 'url';
    if (linkUrl.indexOf('javascript:') >= 0) {
        linkType = 'js';
    } else {
        if (linkUrl.indexOf('?') == -1) {
            linkUrl += '?';
        } else {
            linkUrl += '&';
        }
    }
    var pageNoL = page;
    var totalCountL = total;
    var recPerPageL = size;
    var totalPage = calculateTotalPage(totalCountL, recPerPageL);
    var dispNum = 7;
    var aroundNum = 3;
    var centerNum = 5;

    if (pageNoL > totalPage)
        pageNoL = totalPage;
    if (pageNoL < 1)
        pageNoL = 1;
    if (totalPage < 1)
        totalPage = 1;
    var beginPage = 1;
    var endPage = totalPage;
    var pageHtml = '';
    //if (pageNoL > 1 && pageNoL <= totalPage) {
    pageHtml += '<a href="' + getUrlStr(linkType, linkUrl, 1) + '" class="fit-pagination-button fit-home" title="最前页">&nbsp;</a>';
    //pageHtml += '<a href="' + getUrlStr(linkType, linkUrl, (pageNoL - 1)) + '" title="上一页"><i class="fa fa-chevron-left"></i></a>';
    // }
    // else {
    //     pageHtml += '<a href="javascript:void(0);" class="fit-page-button fit-home" title="最前页">&nbsp;</a>';
    //     //pageHtml += '<span class="PreSpan"><i class="fa fa-chevron-left"></i></span>';
    // }
    if (pageNoL > (centerNum - 1) && totalPage > dispNum) {
        pageHtml += '<a href="' + getUrlStr(linkType, linkUrl, 1) + '" title="第1页">1</a>';
    }
    if (pageNoL > centerNum && totalPage > (dispNum + 1)) {
        pageHtml += '<span>...</span>';
    }
    if (totalPage == 0) {
        endPage = 1;
    }
    if (totalPage > 6) {
        // 前5页中
        if (pageNoL < centerNum) {
            endPage = dispNum
        } else if (pageNoL > (totalPage - 4)) {// 后5页
            beginPage = totalPage - (dispNum - 1);
        } else {
            beginPage = pageNoL - aroundNum;
            endPage = pageNoL + aroundNum;
        }
    }
    for (var i = beginPage; i <= endPage; i++) {
        if (i == pageNoL) {
            pageHtml += '<span class="fit-active">' + i + '</span>';
        } else {
            pageHtml += '<a href="' + getUrlStr(linkType, linkUrl, i) + '">' + i + '</a>';
        }
    }
    // 最终页
    if ((totalPage - pageNoL) >= (centerNum + 1) && totalPage > (dispNum + 2)) {
        pageHtml += '<span>...</span>';
    }
    if ((totalPage - pageNoL) >= centerNum && totalPage > (dispNum + 1)) {
        pageHtml += '<a href="' + getUrlStr(linkType, linkUrl, (totalPage - 1)) + '">' + (totalPage - 1) + '</a>';
    }
    if ((totalPage - pageNoL) >= (centerNum - 1) && totalPage > dispNum) {
        pageHtml += '<a href="' + getUrlStr(linkType, linkUrl, totalPage) + '">' + totalPage + '</a>';
    }
    //if (totalPage > 1 && pageNoL < totalPage) {
    //pageHtml += '<a href="' + getUrlStr(linkType, linkUrl, (pageNoL + 1)) + '" title="下一页"><i class="fa fa-chevron-right"></i></a>';
    pageHtml += '<a href="' + getUrlStr(linkType, linkUrl, totalPage) + '" class="fit-pagination-button fit-end" title="最后页">&nbsp;</a>';
    // } else {
    //     //pageHtml += '<span class="NextSpan"><i class="fa fa-chevron-right"></i></span>';
    //     pageHtml += '<a href="javascript:void(0);" class="fit-page-button fit-end" title="最后页">&nbsp;</a>';
    // }
    // alert(pageHtml);
    $(".fit_page").html(pageHtml);
}