var PiwiGrid = {
    
    init: function(tableElement, tableBody) {
        tableElement.rowsSize = 0;
        tableElement.nextPage = PiwiGrid.nextPage;
        tableElement.previousPage = PiwiGrid.previousPage;
        tableElement.getNextPagerValues = PiwiGrid.getNextPagerValues;
        tableElement.getPreviousPagerValues = PiwiGrid.getPreviousPagerValues;
        tableElement.updatePageCounter = PiwiGrid.updatePageCounter;
        tableElement.updatePageCounterView = PiwiGrid.updatePageCounterView;
        tableElement.addItem = PiwiGrid.addItem;
        tableElement.deleteItem = PiwiGrid.deleteItem;
        tableElement.addRow = PiwiGrid.addRow;
        tableElement.deleteRow = PiwiGrid.deleteRow;
        tableElement.repaint = PiwiGrid.repaint;
        tableElement.reset = PiwiGrid.reset;
        tableElement.fillWithArray = PiwiGrid.fillWithArray;
        tableElement.body = tableBody;
        tableElement.pagerStatus = 'pagerStatusOf_' + tableElement.id;
        tableElement.tablePagerStatus = 'pagerTableStatusOf_' + tableElement.id;
        tableElement.usePager = false;
        tableElement.evenColor = 'white';
        tableElement.oddColor = 'gray';
        tableElement.pageBy = 10;
        tableElement.currentPage = 0;
        tableElement.currentPageXHTML = '0-10';
        tableElement.pagerMode = 'NORMAL';
        tableElement.multipleSelection = false;
        tableElement.selectedAll = false;
        tableElement.getSelectedRows = PiwiGrid.getSelectedRows;
        tableElement.selectRow = PiwiGrid.selectRow;
        tableElement.unselectRow = PiwiGrid.unselectRow;
        tableElement.mouseOverRow = PiwiGrid.onMouseOver;
        tableElement.mouseOutRow = PiwiGrid.onMouseOut;
        tableElement.hidePageCounter = PiwiGrid.hidePageCounter;
        tableElement.showPageCounter = PiwiGrid.showPageCounter;
    },    
    
    useMultipleSelection: function(tableElement, useMultiple) {
        tableElement.multipleSelection = useMultiple;
    },

    usePager: function(tableElement, pager) {
        tableElement.usePager = pager;
    },

    pagerMode: function(tableElement, mode) {
        tableElement.pagerMode = mode;
    },

    currentPage: function(tableElement, page) {
        tableElement.currentPage = page;
    },

    pageBy: function(tableElement, size) {
        tableElement.pageBy = size;
    },

    rowsSize: function(tableElement, rowsSize) {
        tableElement.rowsSize = rowsSize;
    },
    
    evenColor: function(tableElement, color) {
        tableElement.evenColor = color;
    },

    oddColor: function(tableElement, color) {
        tableElement.oddColor = color;
    },

    addRow: function(trElement) {
        var tbody = this.body;
        tbody.appendChild(trElement);      
        this.addItem();
    },

    fillWithArray: function(inputArray) {
        var tbody = this.body;
        if (this.onLoadingData && inputArray.length > 0) {
            this.onLoadingData();
        }
        
        for (var y=0; y<inputArray.length; y++) {
            var row    = document.createElement('tr');         
            if (this.multipleSelection) {
                var column = document.createElement('td');
                if (inputArray[y]['__KEY__'] != undefined) {
                    var check  = document.createElement('input');
                    check.setAttribute('type', 'checkbox');
                    check.setAttribute('name', (this.id + '_checkbox[]'));
                    check.setAttribute('className', (this.id + '_checkbox'));
                    check.setAttribute('class', (this.id + '_checkbox'));
                    check.setAttribute('value', inputArray[y]['__KEY__']);
                    check.onclick = function() {
                        document.getElementById(this.id).selectRow(this);
                    }
                    column.appendChild(check);
                } else {
                    column.innerHTML = '&nbsp;';
                }
                row.appendChild(column);
            }
            
            for(key in inputArray[y]) {
                if (typeof(inputArray[y][key]) != 'function') { 
                    if (key != '__KEY__') {
                        var column = document.createElement('td');
                        column.innerHTML = inputArray[y][key];
                        row.appendChild(column);
                    }
                }
            }
            tbody.appendChild(row);
        }

        if (this.onLoadedData && inputArray.length > 0) {
            this.onLoadedData();
        }
    },

    deleteRow: function(trElement) {
        if (this.rowsSize > 0) {
            var tbody = this.body;
            tbody.removeChild(trElement);
            this.deleteItem();
        }
    },

    reset: function() {
        var tbody = this.body;
        var rows  = tbody.getElementsByTagName('tr');
        while(rows.length != 0) {
            tbody.deleteRow(0);
        }       
    },

    repaint: function() {
        var tbody  = this.body;
        var rows   = tbody.getElementsByTagName('tr');
        var length = rows.length;
        var color  = this.evenColor;
        for(var i=0; i<length; i++) {
            rows[i].style.backgroundColor = color;            
            if (i % 2 == 0) {
                color = this.oddColor;
            } else {
                color = this.evenColor;
            }
        }
    },

    updatePageCounterView: function() {
        switch(this.pagerMode) {
            case 'NORMAL':
            var counterStatus = document.getElementById(this.pagerStatus);
            var tableCounter  = document.getElementById(this.tablePagerStatus);
            if (parseInt(this.rowsSize) > parseInt(this.pageBy)) {
                counterStatus.innerHTML = ' ' + this.currentPageXHTML + ' (' + this.rowsSize + ') ';
                try {
                    tableCounter.style.display = 'table';
                } catch(e) {
                    tableCounter.style.display = 'block';
                }
            } else {
                tableCounter.style.display = 'none';
            }
            break;
        }
    },

    updatePageCounter: function() {
        if (this.currentPage > 0) {
            if (this.rowsSize == this.pageBy) {
                this.currentPage = 0;
                this.currentPageXHTML = '1 &nbsp;-&nbsp; 10';
            } else {
                var next = this.getNextPagerValues();
                var prev = this.getPreviousPagerValues();
                if (this.rowsSize == next) {
                    this.currentPage = prev;
                    if (next > this.rowsSize) {
                        this.currentPageXHTML = (prev + 1) + '&nbsp;-&nbsp;' + (parseInt(next));
                    } else {
                        this.currentPageXHTML = (prev + 1) + '&nbsp;-&nbsp;' + this.rowsSize;
                    }
                }
            }
        } else {
            this.currentPageXHTML = '1 &nbsp;-&nbsp;' + (parseInt(this.pageBy));
        }
        this.updatePageCounterView();
    },

    addItem: function() {
        this.rowsSize++;
        this.updatePageCounter();
    },

    deleteItem: function() {
        this.rowsSize--;
        this.updatePageCounter();
    },

    getPreviousPagerValues: function() {
        var result = parseInt(this.currentPage) - parseInt(this.pageBy);
        if (result < 0) {
            result = parseInt(this.currentPage);
        }
        return result;
    },

    getNextPagerValues: function() {
        var result = parseInt(this.currentPage) + parseInt(this.pageBy);
        if (result >= this.rowsSize) {
            result = parseInt(this.currentPage);
        }
        return result;
    },

    nextPage: function() {
        var values = this.getNextPagerValues();
        if (values != this.currentPage) {
            this.currentPage = values;
            if ((parseInt(values) + parseInt(this.pageBy)) > this.rowsSize) {
                this.currentPageXHTML = (parseInt(this.currentPage)+1) + '&nbsp;-&nbsp;' + this.rowsSize;
            } else {
                this.currentPageXHTML = (parseInt(this.currentPage)+1) + '&nbsp;-&nbsp;' + (parseInt(values) + 
                                                                                            parseInt(this.pageBy));     
            }
            this.updatePageCounterView();         
        } 
    },

    previousPage: function() {
        var values = this.getPreviousPagerValues();
        if (values != this.currentPage) {
            this.currentPage = values;
            this.currentPageXHTML = (parseInt(this.currentPage)+1) + '&nbsp;-&nbsp;' + (parseInt(values) + parseInt(this.pageBy));     
            this.updatePageCounterView();
        }
    },

    getSelectedRows: function() {
        if (this.multipleSelection) {
            var gridBody = this.body;
            var cboxes   = gridBody.getElementsByTagName('input');
            var length   = cboxes.length;
            var realName = this.id + '_checkbox';
            var rows     = new Array();
            var counter  = 0;
            for(var i=0; i<length; i++) {
                var input     = cboxes[i];
                var className = input.getAttribute('class');
                if (className == realName) {
                    if (input.checked) {
                        rows[counter] = input.value;
                        counter++;
                    } 
                }
            }
            return rows;
        }
    },
    
    multiSelect: function(gridTable) {
        if (gridTable.multipleSelection) {
            var gridBody = gridTable.body;
            var cboxes   = gridBody.getElementsByTagName('input');
            var length   = cboxes.length;
            var realName = gridTable.id + '_checkbox';
            for(var i=0; i<length; i++) {
                var input     = cboxes[i];
                var className = input.getAttribute('class');
                if (className == realName) {
                    if (gridTable.selectedAll) {
                        input.checked = false;
                        gridTable.selectRow(input);
                    } else {
                        input.checked = true;
                        gridTable.selectRow(input);
                    }
                }
            }
            if (gridTable.selectedAll) {
                gridTable.selectedAll = false;
            } else {
                gridTable.selectedAll = true;
            }
        }
    },

    selectRow: function(input) {
        if (input.checked == false) {
            this.unselectRow(input);
        } else {
            if (this.onRowSelected) {
                this.onRowSelected(input, input.parentNode.parentNode);
            }
            if (input.parentNode.parentNode.originalColor == undefined) {
                input.parentNode.parentNode.originalColor = input.parentNode.parentNode.style.backgroundColor;
            }
            input.parentNode.parentNode.style.backgroundColor = '#ffffcc';
            input.parentNode.parentNode.selected = true;
        }
    },

    unselectRow: function(input) {
        if (this.onRowUnselected) {
            this.onRowUnselected(input, inpurt.parentNode.parentNode);
        }
        input.parentNode.parentNode.style.backgroundColor = input.parentNode.parentNode.originalColor;
        input.parentNode.parentNode.selected = false;
    },    

    onMouseOver: function(row) {
        if (!row.selected) {
            if (row.originalColor == undefined) {
                row.originalColor = row.style.backgroundColor;
            }
            row.style.backgroundColor = '#ffffcc';
            row.hasMouseOver = true;
        }       
    },  
    
    onMouseOut: function(row) {
        if (!row.selected) {
            row.style.backgroundColor = row.originalColor;
            row.hasMouseOver = false;
        }       
    },  

    hidePageCounter: function() {
        if (this.usePager) {
            var tableCounter  = document.getElementById(this.tablePagerStatus);
            tableCounter.style.display = 'none';           
        }
    },

    showPageCounter: function() {
        if (this.usePager) {
            var tableCounter  = document.getElementById(this.tablePagerStatus);
            tableCounter.style.display = 'table';   
        }
    }
}