(function($){  
    $.fn.paginate = (function(options) {

        var defaults = {
            rows: 20,
            buttonClass: 'blue-button',
            effect: 'default'
        };
        var options = $.extend(defaults, options);
  
        return this.each(function() {
            var trs = $(this).find('tbody tr');
            var pages = $('<ul class="pagination clearfix"></ul>');
            if (!$(this).hasClass('paginate')) $(this).addClass('paginate');
            for(var i = 0; i < trs.length; i+=options.rows) {
                trs.slice(i, i+options.rows).wrapAll("<tbody></tbody>");
                pages.append('<li class="page"><a class="'+options.buttonClass+'" href="#">'+(i/options.rows+1)+'</a></li>');
            }
            var api = $(this).find("tbody > tbody").unwrap().parents('table.paginate').after(pages).next().tabs("table.paginate > tbody", {effect: options.effect}).data("tabs");
            $('<li class="prev"><a class="'+options.buttonClass+'" href="#">&laquo;</a></li>').click(function(){
                if (api.getIndex()>0) api.prev(); return false;
            }).prependTo(pages);
            $('<li class="first"><a class="'+options.buttonClass+'" href="#">First</a></li>').click(function(){
                api.click(0); return false;
            }).prependTo(pages);
            $('<li class="next"><a class="'+options.buttonClass+'" href="#">&raquo;</a></li>').click(function(){
                if (api.getIndex()<trs.length/options.rows) api.next(); return false;
            }).appendTo(pages);
            $('<li class="last"><a class="'+options.buttonClass+'" href="#">Last</a></li>').click(function(){
                api.click(trs.length/options.rows-1); return false;
            }).appendTo(pages);
            return $(this);
        });  
    });

    $.fn.sortElements = (function(){

        var sort = [].sort;
 
        return function(comparator, getSortable) {
 
            getSortable = getSortable || function(){return this;};
 
            var placements = this.map(function(){
 
                var sortElement = getSortable.call(this),
                    parentNode = sortElement.parentNode,
 
                // Since the element itself will change position, we have
                // to have some way of storing its original position in
                // the DOM. The easiest way is to have a 'flag' node:
                nextSibling = parentNode.insertBefore(
                    document.createTextNode(''),
                    sortElement.nextSibling
                );
 
                return function() {
 
                    if (parentNode === this) {
                        throw new Error(
                            "You can't sort elements if any one is a descendant of another."
                        );
                    }
 
                    // Insert before flag:
                    parentNode.insertBefore(this, nextSibling);
                    // Remove flag:
                    parentNode.removeChild(nextSibling);
 
                };
 
            });
 
            return sort.call(this, comparator).each(function(i){
                placements[i].call(getSortable.call(this));
            });
 
        };
 
    })();

    $.fn.tablesort = (function(options) {
        return this.each(function() {  
            var table = $(this);
            $(this).find('thead th').click(function(){
              var sort = $(this).data('sort');
              sort = (sort=='asc'? 'desc' : (sort=='desc'? 'asc' : 'asc'));
              $(this).data('sort', sort);
              table.find('tbody tr td').removeClass('column-selected');
              table.find('tbody tr td:nth-child('+($(this).index()+1)+')').sortElements(
                function(a, b){
				//return sort=='asc'? (parseInt($(a).text(), 10) - parseInt($(b).text(), 10)) : (parseInt($(b).text(), 10) - parseInt($(a).text(), 10));
				return sort=='asc'? ($(a).text() < $(b).text()) - ($(a).text() > $(b).text()) : ($(a).text() > $(b).text()) - ($(a).text() < $(b).text());	
                },
                function(){
                    return this.parentNode; 
                }
              ).addClass('column-selected');
            });
            return $(this);
        });
    });
	 $.fn.chiffresort = (function(options) {
        return this.each(function() {  
            var table = $(this);
            $(this).find('thead th').click(function(){
              var sort = $(this).data('sort');
              sort = (sort=='asc'? 'desc' : (sort=='desc'? 'asc' : 'asc'));
              $(this).data('sort', sort);
              table.find('tbody tr td').removeClass('column-selected');
              table.find('tbody tr td:nth-child('+($(this).index()+1)+')').sortElements(
                function(a, b){
				return sort=='asc'? (parseInt($(a).text(), 10) - parseInt($(b).text(), 10)) : (parseInt($(b).text(), 10) - parseInt($(a).text(), 10));
                },
                function(){
                    return this.parentNode; 
                }
              ).addClass('column-selected');
            });
            return $(this);
			
        });
    });
})(jQuery);

jQuery(document).ready(function(){
    jQuery("table.paginate10").paginate({rows: 10, buttonClass: 'button-blue'});
    jQuery("table.paginate30").paginate({rows: 30, buttonClass: 'button-blue'});
	jQuery("table.paginate50").paginate({rows: 50, buttonClass: 'button-blue'});
	jQuery("table.paginate100").paginate({rows: 100, buttonClass: 'button-blue'});
	jQuery("table.paginate500").paginate({rows: 500, buttonClass: 'button-blue'});
	jQuery("table.paginate1000").paginate({rows: 1000, buttonClass: 'button-blue'});
    jQuery("table.sortable").tablesort();
	jQuery("table.chiffre").chiffresort();
});
