/*
---

script: HtmlTable.Paginate.js

description: Adds a pagination control to a HtmlTable.

license: MIT-style license

author:
- Oran Leiba, etootim.com

requires:
- /core/1.2.4:* 
- /More
- /HtmlTable
- /Class.refactor
- /Class.Occlude

provides: [HtmlTable.Paginate]

...
*/

HtmlTable = Class.refactor(HtmlTable, {

	options: {
                classPaginationControlContainer:'paginationcc',
		paginate: true,//whether to add pagination or not
                classTablePagination: 'table-paginatable',
                paginatePage:1,
                paginateRows:10,//number of rows to paginate
                paginateRowsSelector:[10,25,50],//array of number of rows to show in the selector
                paginationControlPages:10,//default number of rows
                listenToPush:false,
                classHeaderPaginationContorlTH:'th-pagination-control',
                classHeaderPaginationContorlTR:'tr-pagination-control',
                classHeaderPaginationContorlDiv:'div-pagination-control',
                classHeaderPaginationContorlUL:'ul-pagination-control',
                classHeaderPaginationContorlLI:'li-pagination-control',
                classHeaderNumOfRowsContorlUL:'ul-numOfRows-control',
                classHeaderNumOfRowsContorlLI:'li-numOfRows-control',
                controlDiv:null,
                textNext:'weiter',
                textPrev:'zurück'
	},

	initialize: function(){
		this.previous.apply(this, arguments);
		if (this.occluded) return this.occluded;
                if(this.options.paginate){
                    if(this.paginationInitialized==null){
                        this.paginationInitialized = true;
                        if(this.tfoot.rows.length>0){
                            var numOfHeaders = this.tfoot.rows[0].getElements('td').length;
                            var tr = new Element('tr',{'class':this.options.classHeaderPaginationContorlTR});
                            tr.inject(this.tfoot.rows[0], 'before');
                            var th = new Element('td',{'class':this.options.classHeaderPaginationContorlTH}).inject(tr);
                            th.addClass(this.options.classNoSort);//to avoid sorting on the control header click
                            th.setProperty('colspan',numOfHeaders);
                            var controlDiv = new Element('div',{'class':this.options.classHeaderPaginationContorlDiv}).inject(th);
                            this.options.controlDiv = controlDiv;
                        }
                    }
                }
                return true;
	},

        applyPagination: function(){
            this.options.paginate = true;
            this.addPaginationControl();
            this.updatePagination();
        },

        addPaginationControl: function(){
            this.options.paginationControlContainer = new Element('div',{'class':this.options.classPaginationControlContainer});
            this.options.paginationControlContainer.set('html','This IS the added control');
            this.options.paginationControlContainer.inject(this.element,'before');
        },

        updatePaginationControl: function(){
            if($defined((this.options.controlDiv))){
                this.options.controlDiv.empty();
                if($defined(this.body.rows)){
                    var numOfRows = this.body.rows.length;
                        if(numOfRows>0){
                            var numOfPages = Math.ceil(numOfRows/this.options.paginateRows);
                            var numOfLi = Math.min(this.options.paginationControlPages, numOfPages);
                            var startIndex = Math.min((numOfPages-numOfLi),Math.max(0,this.options.paginatePage-1-Math.floor((numOfLi-1)/2)));
                            var endIndex = Math.max((numOfLi),Math.min(numOfPages,this.options.paginatePage+Math.floor((numOfLi-1)/2)));
                            var ul = new Element('ul',{'class':this.options.classHeaderPaginationContorlUL}).inject(this.options.controlDiv);
                            
                            var liPrevious = new Element('li',{'class':this.options.classHeaderPaginationContorlLI}).inject(ul);
                            var liPreviousSpan = new Element('span').inject(liPrevious);
                            liPreviousSpan.set('html',this.options.textPrev);
                            liPrevious.store('pagination',this.options.paginatePage-1);
                            liPreviousSpan.addEvent('click',function(){
                                this.updatePagination(arguments[0].retrieve('pagination'));
                            }.bind(this).pass(liPrevious));
                            if(this.options.paginatePage==1){
                                liPrevious.setStyle('visibility','hidden');
                            }

                            if((endIndex-startIndex)>1){//avoid 1 page pagination
                                for(var i=startIndex;i<endIndex;i++){
                                    var li = new Element('li',{'class':this.options.classHeaderPaginationContorlLI}).inject(ul);
                                    var span = new Element('span').inject(li);
                                    span.set('html',i+1);
                                    li.store('pagination',i+1);
                                    if(this.options.paginatePage!=i+1){
                                         span.addEvent('click',function(){
                                            this.updatePagination(arguments[0].retrieve('pagination'));
                                        }.bind(this).pass(li));
                                    }else{
                                        li.addClass('li-pagination-current');
                                    }
                                }
                            }
                           
                            
                                var liNext = new Element('li',{'class':this.options.classHeaderPaginationContorlLI}).inject(ul);
                                var liNextSpan = new Element('span').inject(liNext);
                                liNextSpan.set('html',this.options.textNext);
                                liNext.store('pagination',this.options.paginatePage+1);
                                liNextSpan.addEvent('click',function(){
                                    this.updatePagination(arguments[0].retrieve('pagination'));
                                }.bind(this).pass(liNext));
                            if(numOfPages<=this.options.paginatePage){
                                liNext.setStyle('visibility','hidden');
                            }

                            //add number of rows selector
                            if(this.options.paginateRowsSelector!=null && this.options.paginateRowsSelector.length>1){
                                var ulRowsControl = new Element('ul',{'class':this.options.classHeaderNumOfRowsContorlUL}).inject(this.options.controlDiv);
                                var liRows = new Element('li',{'class':this.options.classHeaderNumOfRowsContorlLI}).inject(ulRowsControl);
                                liRows.addClass('li-numOfRows-current');
                                liRows.addClass('li-numOfRows-rows');
                                var rowSpan = new Element('span').inject(liRows);
                                rowSpan.set('html','Rows:');
                                this.options.paginateRowsSelector.each(function(curVal){
                                   var li = new Element('li',{'class':this.options.classHeaderNumOfRowsContorlLI}).inject(ulRowsControl);
                                   li.store('rowCount',curVal);
                                   var span = new Element('span').inject(li);
                                   span.set('html',curVal);
                                   if(this.options.paginateRows==curVal){
                                       li.addClass('li-numOfRows-current');
                                   }else{
                                       span.addEvent('click',function(){
                                           this.options.paginateRows = arguments[0].retrieve('rowCount');
                                           this.updatePagination(1);
                                       }.bind(this).pass(li));
                                   }
                                }.bind(this));
                                
                            }
                        }
                }
            }
        },

        updatePagination: function(paginationPage){
            if(paginationPage==null){
                this.options.paginatePage = 1;
            }else{
                this.options.paginatePage = paginationPage;
            }
            this.fireEvent('paginationStart');
            Array.each(this.body.rows, this.pagination, this);
            this.updatePaginationControl();
            this.fireEvent('paginationComplete');
        },

        pagination: function(row, i){
            var startIndex = Math.max(0,(this.options.paginatePage-1)*this.options.paginateRows);// this.paginateStartIndex;//(paginatePage-1)*this.options.paginateRows
            var endIndex = Math.min(this.options.paginateRows*this.options.paginatePage-1, this.body.rows.length-1);
            if(i<startIndex || i>endIndex){
                row.setStyle('display','none');
            }else{
                row.setStyle('display','');
            }
        },

        sort: function(){
          var sorted = this.previous.apply(this, arguments);
          if (this.options.paginate){
              this.options.paginatePage = 1;
              this.updatePagination();
          }
          return sorted;
        },

        push: function(){
		var pushed = this.previous.apply(this, arguments);
		if (this.options.listenToPush) this.updatePagination();
		return pushed;
	}

});