$.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, ''));
          return isNaN(key) ? 0 : key;
        };
      }
      else if ($(this).is('.sort-date')) {
        findSortKey = function ($cell) {
          return Date.parse('1 ' + $cell.text());
        };
      }
      else if ($(this).is('.sort-date-sk')) {
        findSortKey = function ($cell) {
          match = $cell.text().match(/(\d\d). (\d\d). (\d\d\d\d)/);
          d = new Date(match[3], match[2], match[1]);
          return Date.parse(d);
        };
      }

      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-triangle-1-s')
        						.removeClass('ui-icon-triangle-1-n')
        						.addClass('ui-icon-triangle-2-n-s');
            $sortHead.find('span').removeClass('ui-icon-triangle-2-n-s')
        						.removeClass('ui-icon-triangle-1-n')
        						.addClass('ui-icon-triangle-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-triangle-1-n')
        						.removeClass('ui-icon-triangle-1-s')
        						.addClass('ui-icon-triangle-2-n-s');
            $sortHead.find('span').removeClass('ui-icon-triangle-2-n-s')
        						.removeClass('ui-icon-triangle-1-s')
        						.addClass('ui-icon-triangle-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 $table = $(this);

    if ($table.hasClass('items_50')) {
      var itemsPerPage = 50;
    }
    else {
      var itemsPerPage = 10;
    }

    var numPerPage = itemsPerPage;

    $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);

    if (numPages == 1) return;

    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 = itemsPerPage;
     $table.trigger('repaginate');
     $(this).addClass('active').siblings().removeClass('active');
   })
   .appendTo($pager).addClass('clickable');
    }
    $('<div class="clear"></div><div class="view-all">Zobraziť všetky záznamy</div>').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.insertAfter($table);


    $table.trigger('repaginate');

  });

});