var target;
var pageSize = 5;

jQuery.fn.extend({
    tablePager: function(){
        target = this;
        var count = $(this).find("tr").length;
        var pages = Math.ceil(count/pageSize);
        var first = "<table id='pager'><tr><td><a onClick='$().currentPage(1);'>First</a><td>";
        var last  = "<td><a  onClick='$().currentPage("+pages+");'>Last</a></td></table>";
        for(i = 1; i <= pages; i++){
            first = first + "<td><a onClick='$().currentPage("+i+");'>" + i + "</a></td>";
        }
        var html = first + last;
        $(this).after(html);
        $(this).find("tr:gt("+(pageSize-1)+")").hide();
    },
    currentPage:function(cur){
        var trShow = new Array(pageSize);
        $(target).find("tr").hide();
        trShow[0] = $(target).find("tr:eq("+((cur-1)*pageSize)+")"); //根據傳入的參數設定第一個顯示的tr
        
        
        for(i = 1 ; i <= pageSize-1 ; i++){
            trShow[i] = $(trShow[i-1]).next();
        }
        $.each(trShow, function(){
            $(this).fadeIn();
        });
        
    }
});