$.fn.alternateRowColors = function() {
  $('tbody tr:odd', this).removeClass('even').addClass('odd');
  $('tbody tr:even', this).removeClass('odd').addClass('even');
  return this;
};

$(document).ready(function() {

  var alternateRowColors = function($table) {
$('tbody tr:odd', $table).removeClass('even').addClass('odd');
$('tbody tr:even', $table).removeClass('odd').addClass('even');

  };


  $('table.sortable').each(function() {
var $table = $(this);
$table.alternateRowColors($table);
$table.find('th').each(function(column) {
  var findSortKey;

  if ($(this).is('.sort-alpha')) {
    findSortKey = function($cell) {
      return $cell.find('.sort-key').text().toUpperCase() + ' ' + $cell.text().toUpperCase();
    };
  }
  else if ($(this).is('.sort-numeric')) {
    findSortKey = function($cell) {
      var key = parseFloat($cell.text().replace(/[^\d\.]+/gi, ''));
      //alert(key);
      return isNaN(key) ? 0 : key;
    };
  }
  else if ($(this).is('.sort-date')) {
    findSortKey = function($cell) {
      return Date.parse('1 ' + $cell.text());
    };
  }

  if (findSortKey) {
    $(this).addClass('clickable').hover(function() {
      $(this).addClass('ui-state-hover');
    }, function() {
      $(this).removeClass('ui-state-hover');
    }).click(function() {
      var newDirection = 1;
      if ($(this).is('.sorted-asc')) {
        newDirection = -1;
      }

      rows = $table.find('tbody > tr').get();

      $.each(rows, function(index, row) {
        row.sortKey =                    findSortKey($(row).children('td').eq(column));
      });
      rows.sort(function(a, b) {
        if (a.sortKey < b.sortKey) return -newDirection;
        if (a.sortKey > b.sortKey) return newDirection;
        return 0;
      });
      $.each(rows, function(index, row) {
        $table.children('tbody').append(row);
        row.sortKey = null;
      });

      $table.find('th').removeClass('sorted‑asc').removeClass('sorted-desc');
      var $sortHead = $table.find('th').filter(':nth-child(' + (column + 1) + ')');
      if (newDirection == 1) {
        $sortHead.removeClass('sorted-desc').addClass('ui-state-active').addClass('sorted-asc');
        $sortHead.siblings().removeClass('sorted-desc')
        						.removeClass('sorted-asc')
        						.removeClass('ui-state-active');
        $table.find('th').find('span').removeClass('ui-icon-arrowthick-1-s')
        						.removeClass('ui-icon-arrowthick-1-n')
        						.addClass('ui-icon-arrowthick-2-n-s');
        $sortHead.find('span').removeClass('ui-icon-arrowthick-2-n-s')
        						.removeClass('ui-icon-arrowthick-1-n')
        						.addClass('ui-icon-arrowthick-1-s');
      } else {
        $sortHead.removeClass('sorted-asc').addClass('ui-state-active').addClass('sorted-desc');
        $sortHead.siblings().removeClass('sorted-asc')
        						.removeClass('sorted-desc')
        						.removeClass('ui-state-active');
        $table.find('th').find('span').removeClass('ui-icon-arrowthick-1-n')
        						.removeClass('ui-icon-arrowthick-1-s')
        						.addClass('ui-icon-arrowthick-2-n-s');
        $sortHead.find('span').removeClass('ui-icon-arrowthick-2-n-s')
        						.removeClass('ui-icon-arrowthick-1-s')
        						.addClass('ui-icon-arrowthick-1-n');
      }
      $table.find('td').removeClass('sorted')
        .filter(':nth-child(' + (column + 1) + ')').addClass('sorted');
      $table.alternateRowColors($table);
      $table.trigger('repaginate');
    });
  }
});

  });

});

$(document).ready(function() {

  $('table.paginated').each(function() {
var currentPage = 0;
var numPerPage = 40;

  var $table = $(this);

  $table.bind('repaginate', function() {
  $table.find('tbody tr').show()
  	.slice(0,currentPage * numPerPage)
  	.hide()
  	.end()
  	.slice((currentPage + 1) * numPerPage)
  	.hide()
  	.end();
});

var numRows = $table.find('tbody tr').length;
var numPages = Math.ceil(numRows / numPerPage);

var $pager = $('<div class="pager"></div>');
for (var page = 0; page < numPages; page++) {
  $('<span class="page-number">' + (page + 1) + '</span>')
   .bind('click', {'newPage': page}, function(event) {
     currentPage = event.data['newPage'];
     numPerPage = 40;
     $table.trigger('repaginate');
     $(this).addClass('active').siblings().removeClass('active');
   })
   .appendTo($pager).addClass('clickable');
}
$('<span class="view-all">View All</span>').bind('click', {'newPage':page}, function(event) {
	$(this).addClass('active').siblings().removeClass('active');
    currentPage = 0;
    numPerPage = numRows;
    $table.trigger('repaginate');
}).appendTo($pager).addClass('clickable');
$pager.find('span.page-number:first').addClass('active');
$pager.insertBefore($table);

var $pager2 = $('<div class="pager"></div>');
for (var page = 0; page < numPages; page++) {
  $('<span class="page-number">' + (page + 1) + '</span>')
   .bind('click', {'newPage': page}, function(event) {
     currentPage = event.data['newPage'];
     numPerPage = 40;
     $table.trigger('repaginate');
     $(this).addClass('active').siblings().removeClass('active');
   })
   .appendTo($pager2).addClass('clickable');
}
$('<span class="view-all">View All</span>').bind('click', {'newPage':page}, function(event) {
	$(this).addClass('active').siblings().removeClass('active');
    currentPage = 0;
    numPerPage = numRows;
    $table.trigger('repaginate');
}).appendTo($pager2).addClass('clickable');
$pager2.find('span.page-number:first').addClass('active');
$pager2.insertAfter($table);

  $table.trigger('repaginate');

  });









});