(function($) {

  function stripe(rows) {
    rows.each(function(index) {
      $(this).toggleClass('rowodd', index % 2 === 0);
      $(this).toggleClass('roweven', index % 2 !== 0);
    });
  }


  function getValue(cell) {
    return cell.attr('x') || $.trim(cell.text()) || '';
  }


  function sort(container, rows, cellIndex, order) {
    var sortArray = rows.map(function(index) {
      var cell = $(this).find('td').eq(cellIndex);
      return { index: index, value: getValue(cell) };
    }).get();

    Array.prototype.sort.call(sortArray, function(a, b) {
      if (isNaN(a.value) || isNaN(a.value)) {
        return order * (a.value > b.value ? 1 : -1);
      } else {
        return order * (a.value - b.value);
      }
    });

    rows.detach();
    var newRows = jQuery();
    sortArray.forEach(function(a) {
      var row = rows.eq(a.index);
      row.appendTo(container);
      newRows = newRows.add(row);
    });

    stripe(newRows);
  }


  function markSorted(headCells, cell, asc) {
    headCells.removeClass('sortasc sortdesc');
    cell.toggleClass('sortasc', asc);
    cell.toggleClass('sortdesc', !asc);
  }


  $.fn.sortable = function() {
    return $(this).each(function() {
      var thead = $(this).find('thead'),
          tbody = $(this).find('tbody'),
          headCells = thead.find('tr:last th'),
          rows = tbody.find('tr');

       headCells.filter(':not(.nosort)').addClass('sortcol');
       headCells.filter(':not(.nosort)').on('click', function() {
         var asc = !$(this).is('.sortasc');
         markSorted(headCells, $(this), asc);
         sort(tbody, rows, headCells.index($(this)), asc ? 1 : -1);
       });

      var sortFirst = headCells.filter('[class^=sortfirst],[class*=sortfirst]');
      if (sortFirst.length > 0) {
        var asc = sortFirst.is('.sortfirstasc');
        markSorted(headCells, sortFirst, asc);
        sort(tbody, rows, headCells.index(sortFirst), asc ? 1 : -1);
      } else {
        stripe(rows);
      }
    });
  };

})(jQuery);