/**
 * String utilities
 */

(function(window, TF){
    'use strict';

    TF.Str = {};

    TF.Str.lower = function(text){
        return text.toLowerCase();
    };

    TF.Str.upper = function(text){
        return text.toUpperCase();
    };

    TF.Str.trim = function(text){
        if (text.trim){
            return text.trim();
        }
        return text.replace(/^\s*|\s*$/g, '');
    };

    TF.Str.isEmpty = function(text){
        return this.trim(text) === '';
    };

    TF.Str.rgxEsc = function(text){
        function escape(e){
            var a = new RegExp('\\'+e,'g');
            text = text.replace(a,'\\'+e);
        }

        var chars = ['\\','[','^','$','.','|','?','*','+','(',')'];
        for(var e=0; e<chars.length; e++){
            escape(chars[e]);
        }
        return text;
    };

    TF.Str.matchCase = function(text, mc){
        if(!mc){
            return this.lower(text);
        }
        return text;
    };

})(this, this.TF);

/**
 * DOM utilities
 */

(function(window, TF){
    'use strict';

    TF.Dom = {};

    /**
     * Returns text + text of children of given node
     * @param  {NodeElement} node
     * @return {String}
     */
    TF.Dom.getText = function(node){
        var s = node.textContent || node.innerText ||
                node.innerHTML.replace(/<[^<>]+>/g, '');
        s = s.replace(/^\s+/, '').replace(/\s+$/, '');
        return s;
    };

    /**
     * Creates an html element with given collection of attributes
     * @param  {String} tag a string of the html tag to create
     * @param  {Array} an undetermined number of arrays containing the with 2
     *                    items, the attribute name and its value ['id','myId']
     * @return {Object}     created element
     */
    TF.Dom.create = function(tag){
        if(!tag || tag===''){
            return;
        }

        var el = document.createElement(tag),
            args = arguments;

        if(args.length > 1){
            for(var i=0; i<args.length; i++){
                var argtype = typeof args[i];
                if(argtype.toLowerCase() === 'object' && args[i].length === 2){
                    el.setAttribute(args[i][0], args[i][1]);
                }
            }
        }
        return el;
    };

    /**
     * Returns a text node with given text
     * @param  {String} text
     * @return {Object}
     */
    TF.Dom.text = function(text){
        return document.createTextNode(text);
    };

    /**
     * Returns offset position of passed element
     * @param  {object} obj [description]
     * @return {object}     literal object with left and top values
     */
    TF.Dom.position = function(obj){
        var l = 0, t = 0;
        if (obj && obj.offsetParent){
            do {
                l += obj.offsetLeft;
                t += obj.offsetTop;
            } while (obj == obj.offsetParent);
        }
        return { 'left': l, 'top': t };
    };

    TF.Dom.hasClass = function (ele, cls){
        if(!ele){ return false; }

        if(supportsClassList()){
            return ele.classList.contains(cls);
        }
        return ele.className.match(new RegExp('(\\s|^)'+ cls +'(\\s|$)'));
    };

    TF.Dom.addClass = function (ele, cls){
        if(!ele){ return; }

        if(supportsClassList()){
            ele.classList.add(cls);
            return;
        }

        if(ele.className === ''){
            ele.className = cls;
        }
        else if(!this.hasClass(ele, cls)){
            ele.className += " " + cls;
        }
    };

    TF.Dom.removeClass = function (ele, cls){
        if(!ele){ return; }

        if(supportsClassList()){
            ele.classList.remove(cls);
            return;
        }
        var reg = new RegExp('(\\s|^)'+ cls +'(\\s|$)', 'g');
        ele.className = ele.className.replace(reg, '');
    };

    /**
     * Creates and returns an option element
     * @param  {String}  text  option text
     * @param  {String}  value option value
     * @param  {Boolean} isSel whether option is selected
     * @return {Object}        option element
     */
    TF.Dom.createOpt = function(text, value, isSel){
        var isSelected = isSel ? true : false,
            opt = isSelected ?
                this.create('option', ['value',value], ['selected','true']) :
                this.create('option', ['value',value]);
        opt.appendChild(this.text(text));
        return opt;
    };

    /**
     * Creates and returns a checklist item
     * @param  {Number} chkIndex  index of check item
     * @param  {String} chkValue  check item value
     * @param  {String} labelText check item label text
     * @return {Object}           li DOM element
     */
    TF.Dom.createCheckItem = function(chkIndex, chkValue, labelText){
        var li = this.create('li'),
            label = this.create('label', ['for', chkIndex]),
            check = this.create('input',
                ['id', chkIndex],
                ['name', chkIndex],
                ['type', 'checkbox'],
                ['value', chkValue]
            );
        label.appendChild(check);
        label.appendChild(this.text(labelText));
        li.appendChild(label);
        li.label = label;
        li.check = check;
        return li;
    };

    // HTML5 classList API
    function supportsClassList(){
        return document.documentElement.classList;
    }

})(this, this.TF);

/**
 * DOM event utilities
 */

(function(window, TF){
    'use strict';

    TF.Event = {};

    TF.Event.add = function(obj, type, func, capture){
        if(obj.attachEvent){
            obj.attachEvent('on'+type, func);
        }
        else if(obj.addEventListener){
            obj.addEventListener(type, func,
                (capture===undefined ? false : capture));
        } else{
            obj['on'+type] = func;
        }
    };

    TF.Event.remove = function(obj, type, func, capture){
        if(obj.detachEvent){
            obj.detachEvent('on'+type,func);
        }
        else if(obj.removeEventListener){
            obj.removeEventListener(type, func,
                (capture===undefined ? false : capture));
        } else {
            obj['on'+type] = null;
        }
    };

    TF.Event.stop = function(evt){
        if(!evt){
            evt = window.event;
        }
        if(evt.stopPropagation){
            evt.stopPropagation();
        } else {
            evt.cancelBubble = true;
        }
    };

    TF.Event.cancel = function(evt){
        if(!evt){
            evt = window.event;
        }
        if(evt.preventDefault) {
            evt.preventDefault();
        } else {
            evt.returnValue = false;
        }
    };

})(this, this.TF);

/**
 * Types utilities
 */

(function(window, TF){
    'use strict';

    TF.Types = {};

    /**
     * Checks if var exists and is an object
     * @param  {String or Object}  v
     * @return {Boolean}
     */
    TF.Types.isObj = function(v){
        var isO = false;
        if(typeof v === 'string'){
            if(window[v] && typeof window[v] === 'object'){
                isO = true;
            }
        } else {
            if(v && typeof v === 'object'){
                isO = true;
            }
        }
        return isO;
    };

    /**
     * Checks if passed parameter is a function
     * @param  {Function} fn
     * @return {Boolean}
     */
    TF.Types.isFn = function(fn){
        return (fn && fn.constructor == Function);
    };

    /**
     * Checks if passed param is an array
     * @param  {Array}  obj
     * @return {Boolean}
     */
    TF.Types.isArray = function(obj){
        return (obj && obj.constructor == Array);
    };

})(this, this.TF);

/**
 * Cookie utilities
 */

(function(window, TF){
    'use strict';

    TF.Cookie = {};

    TF.Cookie.write = function(name, value, hours){
        var expire = '';
        if(hours){
            expire = new Date((new Date()).getTime() + hours * 3600000);
            expire = '; expires=' + expire.toGMTString();
        }
        document.cookie = name + '=' + escape(value) + expire;
    };

    TF.Cookie.read = function(name){
        var cookieValue = '',
            search = name + '=';
        if(document.cookie.length > 0){
            var cookie = document.cookie,
                offset = cookie.indexOf(search);
            if(offset !== -1){
                offset += search.length;
                var end = cookie.indexOf(';', offset);
                if(end === -1){
                    end = cookie.length;
                }
                cookieValue = unescape(cookie.substring(offset, end));
            }
        }
        return cookieValue;
    };

    TF.Cookie.remove = function(name){
        this.write(name,'',-1);
    };

    TF.Cookie.valueToArray = function(name, separator){
        if(!separator){
            separator = ',';
        }
        //reads the cookie
        var val = this.read(name);
        //creates an array with filters' values
        var arr = val.split(separator);
        return arr;
    };

    TF.Cookie.getValueByIndex = function(name, index, separator){
        if(!separator){
            separator = ',';
        }
        //reads the cookie
        var val = this.valueToArray(name, separator);
        return val[index];
    };

})(this, this.TF);

/**
 * Array utilities
 */

(function(global, TF){
    'use strict';

    var str = TF.Str;

    TF.Array = {
        has: function(arr, val, caseSensitive){
            var sCase = caseSensitive===undefined ? false : caseSensitive;
            for (var i=0; i<arr.length; i++){
                if(str.matchCase(arr[i].toString(), sCase) === val){
                    return true;
                }
            }
            return false;
        },
        indexByValue: function(arr, val, caseSensitive){
            var sCase = caseSensitive===undefined ? false : caseSensitive;
            for (var i=0; i<arr.length; i++){
                if(str.matchCase(arr[i].toString(), sCase) === val){
                    return i;
                }
            }
            return -1;
        }
    };

})(this, this.TF);

/**
 * Date utilities
 */

(function(global, TF){
    'use strict';

    TF.Date = {
        isValid: function(dateStr, format){
            if(!format) {
                format = 'DMY';
            }
            format = format.toUpperCase();
            if(format.length != 3) {
                if(format==='DDMMMYYYY'){
                    var d = this.format(dateStr, format);
                    dateStr = d.getDate() +'/'+ (d.getMonth()+1) +'/'+
                        d.getFullYear();
                    format = 'DMY';
                }
            }
            if((format.indexOf('M') === -1) || (format.indexOf('D') === -1) ||
                (format.indexOf('Y') === -1)){
                format = 'DMY';
            }
            var reg1, reg2;
            // If the year is first
            if(format.substring(0, 1) == 'Y') {
                  reg1 = /^\d{2}(\-|\/|\.)\d{1,2}\1\d{1,2}$/;
                  reg2 = /^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/;
            } else if(format.substring(1, 2) == 'Y') { // If the year is second
                  reg1 = /^\d{1,2}(\-|\/|\.)\d{2}\1\d{1,2}$/;
                  reg2 = /^\d{1,2}(\-|\/|\.)\d{4}\1\d{1,2}$/;
            } else { // The year must be third
                  reg1 = /^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{2}$/;
                  reg2 = /^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/;
            }
            // If it doesn't conform to the right format (with either a 2 digit year or
            // 4 digit year), fail
            if(reg1.test(dateStr) === false && reg2.test(dateStr) === false) {
                return false;
            }
            // Split into 3 parts based on what the divider was
            var parts = dateStr.split(RegExp.$1);
            var mm, dd, yy;
            // Check to see if the 3 parts end up making a valid date
            if(format.substring(0, 1) === 'M'){
                mm = parts[0];
            } else if(format.substring(1, 2) === 'M'){
                mm = parts[1];
            } else {
                mm = parts[2];
            }
            if(format.substring(0, 1) === 'D'){
                dd = parts[0];
            } else if(format.substring(1, 2) === 'D'){
                dd = parts[1];
            } else {
                dd = parts[2];
            }
            if(format.substring(0, 1) === 'Y'){
                yy = parts[0];
            } else if(format.substring(1, 2) === 'Y'){
                yy = parts[1];
            } else {
                yy = parts[2];
            }
            if(parseInt(yy, 10) <= 50){
                yy = (parseInt(yy, 10) + 2000).toString();
            }
            if(parseInt(yy, 10) <= 99){
                yy = (parseInt(yy, 10) + 1900).toString();
            }
            var dt = new Date(
                parseInt(yy, 10), parseInt(mm, 10)-1, parseInt(dd, 10),
                0, 0, 0, 0);
            if(parseInt(dd, 10) != dt.getDate()){
                return false;
            }
            if(parseInt(mm, 10)-1 != dt.getMonth()){
                return false;
            }
            return true;
        },
        format: function(dateStr, format){
            if(!format){
                format = 'DMY';
            }
            if(!dateStr || dateStr === ''){
                return new Date(1001, 0, 1);
            }
            var oDate, parts;

            function y2kDate(yr){
                if(yr === undefined){
                    return 0;
                }
                if(yr.length>2){
                    return yr;
                }
                var y;
                //>50 belong to 1900
                if(yr <= 99 && yr>50){
                    y = '19' + yr;
                }
                //<50 belong to 2000
                if(yr<50 || yr === '00'){
                    y = '20' + yr;
                }
                return y;
            }

            function mmm2mm(mmm){
                if(mmm === undefined){
                    return 0;
                }
                var mondigit;
                var MONTH_NAMES = [
                    'january','february','march','april','may','june','july',
                    'august','september','october','november','december',
                    'jan','feb','mar','apr','may','jun','jul','aug','sep','oct',
                    'nov','dec'
                ];
                for(var m_i=0; m_i < MONTH_NAMES.length; m_i++){
                        var month_name = MONTH_NAMES[m_i];
                        if (mmm.toLowerCase() === month_name){
                            mondigit = m_i+1;
                            break;
                        }
                }
                if(mondigit > 11 || mondigit < 23){
                    mondigit = mondigit - 12;
                }
                if(mondigit < 1 || mondigit > 12){
                    return 0;
                }
                return mondigit;
            }

            switch(format.toUpperCase()){
                case 'DDMMMYYYY':
                    parts = dateStr.replace(/[- \/.]/g,' ').split(' ');
                    oDate = new Date(y2kDate(parts[2]),mmm2mm(parts[1])-1,parts[0]);
                break;
                case 'DMY':
                    parts = dateStr.replace(
                        /^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/,'$1 $3 $5').split(' ');
                    oDate = new Date(y2kDate(parts[2]),parts[1]-1,parts[0]);
                break;
                case 'MDY':
                    parts = dateStr.replace(
                        /^(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])([- \/.])((\d\d)?\d\d)$/,'$1 $3 $5').split(' ');
                    oDate = new Date(y2kDate(parts[2]),parts[0]-1,parts[1]);
                break;
                case 'YMD':
                    parts = dateStr.replace(/^((\d\d)?\d\d)([- \/.])(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])$/,'$1 $4 $6').split(' ');
                    oDate = new Date(y2kDate(parts[0]),parts[1]-1,parts[2]);
                break;
                default: //in case format is not correct
                    parts = dateStr.replace(/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/,'$1 $3 $5').split(' ');
                    oDate = new Date(y2kDate(parts[2]),parts[1]-1,parts[0]);
                break;
            }
            return oDate;
        }
    };

})(this, this.TF);

 /*------------------------------------------------------------------------
    - HTML Table Filter Generator v2.5
    - By Max Guglielmi (tablefilter.free.fr)
    - Licensed under the MIT License
---------------------------------------------------------------------------
Copyright (c) 2009-2014 Max Guglielmi

Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be included
in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
---------------------------------------------------------------------------
    - Special credit to:
    Cedric Wartel, cnx.claude@free.fr, Florent Hirchy, Váry Péter,
    Anthony Maes, Nuovella Williams, Fuggerbit, Venkata Seshagiri Rao
    Raya, Piepiax, Manuel Kern, Baladhandayutham for active contribution
    and/or inspiration
------------------------------------------------------------------------ */

(function (root, factory) {
    if (typeof define === 'function' && define.amd) {
        define(factory);
    } else if (typeof exports === 'object') {
        module.exports = factory;
    } else {
        root.TableFilter = factory();
    }
})(this, function() {

var global = this,
    TF = global.TF,
    evt = TF.Event,
    dom = TF.Dom,
    str = TF.Str,
    cookie = TF.Cookie,
    types = TF.Types,
    array = TF.Array,
    isValidDate = TF.Date.isValid,
    formatDate = TF.Date.format,
    doc = global.document;

/**
 * TF object constructor
 * @param {String} id Table id
 * @param {Number} row index indicating the 1st row
 * @param {Object} configuration object
 */
function TableFilter(id) {
    if(arguments.length === 0){ return; }

    this.id = id;
    this.version = '3.0';
    this.year = new Date().getFullYear();
    this.tbl = TF.id(id);
    this.startRow = null;
    this.refRow = null;
    this.headersRow = null;
    this.fObj = null;
    this.nbFilterableRows = null;
    this.nbRows = null;
    this.nbCells = null;
    this.hasGrid = false;
    this.enableModules = false;

    if(!this.tbl || str.lower(this.tbl.nodeName) !== 'table' ||
        this.GetRowsNb() === 0){
        throw new Error(
            'Could not instantiate TF object: table not found.');
    }

    if(arguments.length>1){
        for(var i=0; i<arguments.length; i++){
            var arg = arguments[i];
            var argtype = typeof arg;
            switch(str.lower(argtype)){
                case 'number':
                    this.startRow = arg;
                break;
                case 'object':
                    this.fObj = arg;
                break;
            }
        }
    }

    // configuration object
    var f = this.fObj || {};

    //Start row et cols nb
    this.refRow = this.startRow===null ? 2 : (this.startRow+1);
    try{ this.nbCells = this.GetCellsNb(this.refRow); }
    catch(e){ this.nbCells = this.GetCellsNb(0); }

    //default script base path
    this.basePath = f.base_path!==undefined ? f.base_path : 'TableFilter/';

    /*** filter types ***/
    this.fltTypeInp =           'input';
    this.fltTypeSlc =           'select';
    this.fltTypeMulti =         'multiple';
    this.fltTypeCheckList =     'checklist';
    this.fltTypeNone =          'none';
    this.fltCol =               []; //filter type of each column

    for(var j=0; j<this.nbCells; j++){
        var cfgCol = f['col_'+j];
        var col = !cfgCol ? this.fltTypeInp : str.lower(cfgCol);
        this.fltCol.push(col);
        this['col'+j] = col;
    }

    /*** Developer's additional methods ***/
    this.publicMethods = f.public_methods!==undefined ?
        f.public_methods : false;

    /*** filters' grid properties ***/

    //enables/disables filter grid
    this.fltGrid = f.grid===false ? false : true;

    /*** Grid layout ***/
    //enables/disables grid layout (fixed headers)
    this.gridLayout = f.grid_layout ? true : false;

    //flag indicating if the grid has an additional row for column
    //widths (IE<=7)
    this.hasGridWidthsRow = false;
    this.gridColElms = [];
    this.sourceTblHtml = null;
    if(this.gridLayout){
        //Firefox does not support outerHTML property...
        if(this.tbl.outerHTML===undefined){ setOuterHtml(); }
        this.sourceTblHtml = this.tbl.outerHTML;
    }
    /*** ***/

    this.filtersRowIndex = f.filters_row_index || 0;
    this.headersRow = f.headers_row_index ||
        (this.filtersRowIndex===0 ? 1 : 0);

    if(this.gridLayout){
        if(this.headersRow > 1){
            this.filtersRowIndex = this.headersRow+1;
        } else {
            this.filtersRowIndex = 1;
            this.headersRow = 0;
        }
    }

    //defines tag of the cells containing filters (td/th)
    this.fltCellTag = f.filters_cell_tag!=='th' ||
        f.filters_cell_tag!=='td' ? 'td' : f.filters_cell_tag;

    //stores filters ids
    this.fltIds = [];
    //stores filters DOM elements
    this.fltElms = [];
    //stores filters values
    this.searchArgs = null;
    //stores table data
    this.tblData = [];
    //stores valid rows indexes (rows visible upon filtering)
    this.validRowsIndex = null;
    //stores filters row element
    this.fltGridEl = null;
    //is first load boolean
    this.isFirstLoad = true;
    //container div for paging elements, reset btn etc.
    this.infDiv = null;
    //div for rows counter
    this.lDiv = null;
    //div for reset button and results per page select
    this.rDiv = null;
    //div for paging elements
    this.mDiv = null;
    //table container div for fixed headers (IE only)
    this.contDiv = null;

    //defines css class for div containing paging elements, rows counter etc.
    this.infDivCssClass = f.inf_div_css_class || 'inf';
    //defines css class for left div
    this.lDivCssClass = f.left_div_css_class || 'ldiv';
    //defines css class for right div
    this.rDivCssClass =  f.right_div_css_class || 'rdiv';
    //defines css class for mid div
    this.mDivCssClass = f.middle_div_css_class || 'mdiv';
    //table container div css class
    this.contDivCssClass = f.content_div_css_class || 'cont';

    /*** filters' grid appearance ***/
    //stylesheet file
    this.stylesheet = f.stylesheet || this.basePath+'filtergrid.css';
    this.stylesheetId = this.id + '_style';
    //defines css class for filters row
    this.fltsRowCssClass = f.flts_row_css_class || 'fltrow';
     //enables/disables icons (paging, reset button)
    this.enableIcons = f.enable_icons===false ? false : true;
    //enables/disbles rows alternating bg colors
    this.alternateBgs = f.alternate_rows===true ? true : false;
    //defines widths of columns
    this.hasColWidth = f.col_width===true ? true : false;
    this.colWidth = this.hasColWidth ? f.col_width : null;
    //enables/disables fixed headers
    this.fixedHeaders = f.fixed_headers===true ? true : false;
    //tbody height if fixed headers enabled
    this.tBodyH = !isNaN(f.tbody_height) ? f.tbody_height : 200;
    //defines css class for filters
    this.fltCssClass = f.flt_css_class || 'flt';
    //defines css class for multiple selects filters
    this.fltMultiCssClass = f.flt_multi_css_class || 'flt_multi';
    //defines css class for filters
    this.fltSmallCssClass = f.flt_small_css_class || 'flt_s';
    //defines css class for single-filter
    this.singleFltCssClass = f.single_flt_css_class || 'single_flt';
    this.isStartBgAlternate =   true;
    //defines css class for even rows
    this.rowBgEvenCssClass = f.even_row_css_class || 'even';
    //defines css class for odd rows
    this.rowBgOddCssClass = f.odd_row_css_class || 'odd';

    /*** filters' grid behaviours ***/
    //enables/disables enter key
    this.enterKey = f.enter_key===false ? false : true;
    //enables/disables alternative fn call
    this.isModFilterFn = f.mod_filter_fn===true ? true : false;
    // used by tf_DetectKey fn
    this.modFilterFn = this.isModFilterFn ? f.mod_filter_fn : null;
    //calls function before filtering starts
    this.onBeforeFilter = types.isFn(f.on_before_filter) ?
        f.on_before_filter : null;
    //calls function after filtering
    this.onAfterFilter = types.isFn(f.on_after_filter) ?
        f.on_after_filter : null;
    //enables/disables case sensitivity
    this.matchCase = f.match_case===true ? true : false;
    //enables/disbles exact match for search
    this.exactMatch = f.exact_match===true ? true : false;
    //refreshes drop-down lists upon validation
    this.refreshFilters = f.refresh_filters===true ? true : false;
    //wheter excluded options are disabled
    this.disableExcludedOptions = f.disable_excluded_options===true ?
        true : false;
    //stores active filter element
    this.activeFlt = null;
    //id of active filter
    this.activeFilterId = null;
    //enables/disbles column operation(sum,mean)
    this.hasColOperation = f.col_operation===true ? true : false;
    this.colOperation = null;
    //enables always visible rows
    this.hasVisibleRows = f.rows_always_visible===true ? true : false;
    //array containing always visible rows
    this.visibleRows = this.hasVisibleRows ? f.rows_always_visible : [];
    //defines search type: include or exclude
    this.searchType = f.search_type || 'include';
    //enables/disables external filters generation
    this.isExternalFlt = f.external_flt_grid===true ? true : false;
    //array containing ids of external elements containing filters
    this.externalFltTgtIds = f.external_flt_grid_ids || null;
    //stores filters elements if isExternalFlt is true
    this.externalFltEls = [];
    //delays any filtering process if loader true
    this.execDelay = !isNaN(f.exec_delay) ? parseInt(f.exec_delay,10) : 100;
    //enables/disables status messages
    this.status = f.status===true ? true : false;
    //calls function when filters grid loaded
    this.onFiltersLoaded = types.isFn(f.on_filters_loaded) ?
        f.on_filters_loaded : null;
    //enables/disables single filter search
    this.singleSearchFlt = f.single_search_filter===true ? true : false;
    //calls function after row is validated
    this.onRowValidated = types.isFn(f.on_row_validated) ?
        f.on_row_validated : null;
    //array defining columns for customCellData event
    this.customCellDataCols = f.custom_cell_data_cols ?
        f.custom_cell_data_cols : [];
    //calls custom function for retrieving cell data
    this.customCellData = types.isFn(f.custom_cell_data) ?
        f.custom_cell_data : null;
    //input watermark text array
    this.inpWatermark = f.input_watermark || '';
    //defines css class for input watermark
    this.inpWatermarkCssClass = f.input_watermark_css_class ||
        'fltWatermark';
    this.isInpWatermarkArray = types.isArray(f.input_watermark);
    //id of toolbar container element
    this.toolBarTgtId = f.toolbar_target_id || null;
    //enables/disables help div
    this.helpInstructions = f.help_instructions || null;
    //popup filters
    this.popUpFilters = f.popup_filters===true ? true : false;
    //active columns color
    this.markActiveColumns = f.mark_active_columns===true ? true : false;
    //defines css class for active column header
    this.activeColumnsCssClass = f.active_columns_css_class ||
        'activeHeader';
    //calls function before active column header is marked
    this.onBeforeActiveColumn = types.isFn(f.on_before_active_column) ?
        f.on_before_active_column : null;
    //calls function after active column header is marked
    this.onAfterActiveColumn = types.isFn(f.on_after_active_column) ?
        f.on_after_active_column : null;

    /*** select filter's customisation and behaviours ***/
    //defines 1st option text
    this.displayAllText = f.display_all_text || '';
    this.enableSlcResetFilter = f.enable_slc_reset_filter===false ?
        false : true;
    //enables/disables empty option in combo-box filters
    this.enableEmptyOption = f.enable_empty_option===true ? true : false;
    //defines empty option text
    this.emptyText = f.empty_text || '(Empty)';
    //enables/disables non empty option in combo-box filters
    this.enableNonEmptyOption = f.enable_non_empty_option===true ?
        true : false;
    //defines empty option text
    this.nonEmptyText = f.non_empty_text || '(Non empty)';
    //enables/disables onChange event on combo-box
    this.onSlcChange = f.on_change===false ? false : true;
    //enables/disables select options sorting
    this.sortSlc = f.sort_select===false ? false : true;
    //enables/disables ascending numeric options sorting
    this.isSortNumAsc = f.sort_num_asc===true ? true : false;
    this.sortNumAsc = this.isSortNumAsc ? f.sort_num_asc : null;
    //enables/disables descending numeric options sorting
    this.isSortNumDesc = f.sort_num_desc===true ? true : false;
    this.sortNumDesc = this.isSortNumDesc ? f.sort_num_desc : null;
    //sets select filling method: 'innerHTML' or 'createElement'
    this.slcFillingMethod = f.slc_filling_method || 'createElement';
    //enabled selects are populated on demand
    this.fillSlcOnDemand = f.fill_slc_on_demand===true ? true : false;
    //IE only, tooltip text appearing on select before it is populated
    this.activateSlcTooltip =  f.activate_slc_tooltip ||
        'Click to activate';
    //tooltip text appearing on multiple select
    this.multipleSlcTooltip = f.multiple_slc_tooltip ||
        'Use Ctrl key for multiple selections';
    this.hasCustomSlcOptions = types.isObj(f.custom_slc_options) ?
        true : false;
    this.customSlcOptions = types.isArray(f.custom_slc_options) ?
        f.custom_slc_options : null;
    //calls function before col operation
    this.onBeforeOperation = types.isFn(f.on_before_operation) ?
        f.on_before_operation : null;
    //calls function after col operation
    this.onAfterOperation = types.isFn(f.on_after_operation) ?
        f.on_after_operation : null;

    /*** checklist customisation and behaviours ***/
    this.checkListDiv = []; //checklist container div
    //defines css class for div containing checklist filter
    this.checkListDivCssClass = f.div_checklist_css_class ||
        'div_checklist';
    //defines css class for checklist filters
    this.checkListCssClass = f.checklist_css_class || 'flt_checklist';
    //defines css class for checklist item (li)
    this.checkListItemCssClass = f.checklist_item_css_class ||
        'flt_checklist_item';
    //defines css class for selected checklist item (li)
    this.checkListSlcItemCssClass = f.checklist_selected_item_css_class ||
        'flt_checklist_slc_item';
    //Load on demand text
    this.activateCheckListTxt = f.activate_checklist_text ||
        'Click to load filter data';
    //defines css class for checklist filters
    this.checkListItemDisabledCssClass =
        f.checklist_item_disabled_css_class ||
        'flt_checklist_item_disabled';
    this.enableCheckListResetFilter =
        f.enable_checklist_reset_filter===false ? false : true;

    /*** Filter operators ***/
    this.rgxOperator = f.regexp_operator || 'rgx:';
    this.emOperator = f.empty_operator || '[empty]';
    this.nmOperator = f.nonempty_operator || '[nonempty]';
    this.orOperator = f.or_operator || '||';
    this.anOperator = f.and_operator || '&&';
    this.grOperator = f.greater_operator || '>';
    this.lwOperator = f.lower_operator || '<';
    this.leOperator = f.lower_equal_operator || '<=';
    this.geOperator = f.greater_equal_operator || '>=';
    this.dfOperator = f.different_operator || '!';
    this.lkOperator = f.like_operator || '*';
    this.eqOperator = f.equal_operator || '=';
    this.stOperator = f.start_with_operator || '{';
    this.enOperator = f.end_with_operator || '}';
    this.curExp = f.cur_exp || '^[¥£€$]';
    this.separator = f.separator || ',';

    /*** rows counter ***/
    //show/hides rows counter
    this.rowsCounter = f.rows_counter===true ? true : false;

    /*** status bar ***/
    //show/hides status bar
    this.statusBar = f.status_bar===true ? true : false;

    /*** loader ***/
    //enables/disables loader/spinner indicator
    this.loader = f.loader===true ? true : false;

    /*** validation - reset buttons/links ***/
    //show/hides filter's validation button
    this.displayBtn = f.btn===true ? true : false;
    //defines validation button text
    this.btnText = f.btn_text || (!this.enableIcons ? 'Go' : '');
    //defines css class for validation button
    this.btnCssClass = f.btn_css_class ||
        (!this.enableIcons ? 'btnflt' : 'btnflt_icon');
    //show/hides reset link
    this.btnReset = f.btn_reset===true ? true : false;
    //defines css class for reset button
    this.btnResetCssClass = f.btn_reset_css_class || 'reset';
    //callback function before filters are cleared
    this.onBeforeReset = types.isFn(f.on_before_reset) ?
        f.on_before_reset : null;
    //callback function after filters are cleared
    this.onAfterReset = types.isFn(f.on_after_reset) ?
        f.on_after_reset : null;

    /*** paging ***/
    //enables/disables table paging
    this.paging = f.paging===true ? true : false;
    //enables/disables results per page drop-down
    this.hasResultsPerPage = f.results_per_page===true ? true : false;
    //css class for paging buttons (previous,next,etc.)
    this.btnPageCssClass = f.paging_btn_css_class || 'pgInp';
    //stores paging select element
    this.pagingSlc = null;
    //stores results per page text and values
    this.resultsPerPage = null;
    //results per page select element
    this.resultsPerPageSlc = null;
    //indicates if paging elements were previously removed
    this.isPagingRemoved = false;
    this.nbVisibleRows = 0; //nb visible rows
    this.nbHiddenRows = 0; //nb hidden rows
    this.startPagingRow = 0; //1st row index of current page
    this.nbPages = 0; //total nb of pages
    this.currentPageNb = 1; //current page nb

    /*** webfx sort adapter ***/
    //enables/disables default table sorting
    this.sort = f.sort===true ? true : false;
    //indicates if sort is set (used in tfAdapter.sortabletable.js)
    this.isSortEnabled = false;
    //indicates if tables was sorted
    this.sorted = false;
    this.sortConfig = f.sort_config || {};
    this.sortConfig.name = this.sortConfig['name']!==undefined ?
        f.sort_config.name : 'sortabletable';
    this.sortConfig.src = this.sortConfig['src']!==undefined ?
        f.sort_config.src : this.basePath+'sortabletable.js';
    this.sortConfig.adapterSrc =
        this.sortConfig['adapter_src']!==undefined ?
        f.sort_config.adapter_src :
        this.basePath+'tfAdapter.sortabletable.js';
    this.sortConfig.initialize =
        this.sortConfig['initialize']!==undefined ?
            f.sort_config.initialize :
            function(o){
                if(o.SetSortTable){ o.SetSortTable(); }
            };
    this.sortConfig.sortTypes =
        types.isArray(this.sortConfig['sort_types']) ?
        f.sort_config.sort_types : [];
    this.sortConfig.sortCol = this.sortConfig['sort_col']!==undefined ?
        f.sort_config.sort_col : null;
    this.sortConfig.asyncSort =
        this.sortConfig['async_sort']===true ? true : false;
    this.sortConfig.triggerIds =
        types.isArray(this.sortConfig['sort_trigger_ids']) ?
        f.sort_config.sort_trigger_ids : [];

    /*** ezEditTable extension ***/
    //enables/disables table selection feature
    this.selectable = f.selectable===true ? true : false;
    //enables/disables editable table feature
    this.editable = f.editable===true ? true : false;
    this.ezEditTableConfig = f.ezEditTable_config || {};
    this.ezEditTableConfig.name =
        this.ezEditTableConfig['name']!==undefined ?
        f.ezEditTable_config.name : 'ezedittable';
    this.ezEditTableConfig.src = this.ezEditTableConfig['src']!==undefined ?
        f.ezEditTable_config.src :
        this.basePath+'ezEditTable/ezEditTable.js';
    //ezEditTable stylesheet not imported by default as filtergrid.css
    //applies
    this.ezEditTableConfig.loadStylesheet =
        this.ezEditTableConfig['loadStylesheet']===true ? true : false;
    this.ezEditTableConfig.stylesheet =
        this.ezEditTableConfig['stylesheet'] ||
        this.basePath+'ezEditTable/ezEditTable.css';
    this.ezEditTableConfig.stylesheetName =
        this.ezEditTableConfig['stylesheetName']!==undefined ?
        f.ezEditTable_config.stylesheetName : 'ezEditTableCss';
    this.ezEditTableConfig.err = 'Failed to instantiate EditTable ' +
        'object.\n"ezEditTable" module may not be available.';

    /*** onkeyup event ***/
    //enables/disables onkeyup event, table is filtered when user stops
    //typing
    this.onKeyUp = f.on_keyup===true ? true : false;
    //onkeyup delay timer (msecs)
    this.onKeyUpDelay = !isNaN(f.on_keyup_delay) ?
        f.on_keyup_delay : 900;
    this.isUserTyping = null; //typing indicator
    this.onKeyUpTimer = undefined;

    /*** keyword highlighting ***/
    //enables/disables keyword highlighting
    this.highlightKeywords = f.highlight_keywords===true ? true : false;
    //defines css class for highlighting
    this.highlightCssClass = f.highlight_css_class || 'keyword';
    this.highlightedNodes = [];

    /*** data types ***/
    //defines default date type (european DMY)
    this.defaultDateType = f.default_date_type || 'DMY';
    //defines default thousands separator
    //US = ',' EU = '.'
    this.thousandsSeparator = f.thousands_separator || ',';
    //defines default decimal separator
    //US & javascript = '.' EU = ','
    this.decimalSeparator = f.decimal_separator || '.';
    //enables number format per column
    this.hasColNbFormat = f.col_number_format===true ? true : false;
    //array containing columns nb formats
    this.colNbFormat = types.isArray(this.hasColNbFormat) ?
        f.col_number_format : null;
    //enables date type per column
    this.hasColDateType = f.col_date_type===true ? true : false;
    //array containing columns date type
    this.colDateType = types.isArray(this.hasColDateType) ?
        f.col_date_type : null;

    /*** status messages ***/
    //filtering
    this.msgFilter = f.msg_filter || 'Filtering data...';
    //populating drop-downs
    this.msgPopulate = f.msg_populate || 'Populating filter...';
    //populating drop-downs
    this.msgPopulateCheckList = f.msg_populate_checklist ||
        'Populating list...';
    //changing paging page
    this.msgChangePage = f.msg_change_page || 'Collecting paging data...';
    //clearing filters
    this.msgClear = f.msg_clear || 'Clearing filters...';
    //changing nb results/page
    this.msgChangeResults = f.msg_change_results ||
        'Changing results per page...';
    //re-setting grid values
    this.msgResetValues = f.msg_reset_grid_values ||
        'Re-setting filters values...';
    //re-setting page
    this.msgResetPage = f.msg_reset_page || 'Re-setting page...';
    //re-setting page length
    this.msgResetPageLength = f.msg_reset_page_length ||
        'Re-setting page length...';
    //table sorting
    this.msgSort = f.msg_sort || 'Sorting data...';
    //extensions loading
    this.msgLoadExtensions = f.msg_load_extensions ||
        'Loading extensions...';
    //themes loading
    this.msgLoadThemes = f.msg_load_themes || 'Loading theme(s)...';

    /*** ids prefixes ***/
    //css class name added to table
    this.prfxTf = 'TF';
    //filters (inputs - selects)
    this.prfxFlt = 'flt';
    //validation button
    this.prfxValButton = 'btn';
    //container div for paging elements, rows counter etc.
    this.prfxInfDiv = 'inf_';
    //left div
    this.prfxLDiv = 'ldiv_';
    //right div
    this.prfxRDiv = 'rdiv_';
    //middle div
    this.prfxMDiv = 'mdiv_';
    //table container if fixed headers enabled
    this.prfxContentDiv = 'cont_';
    //checklist filter container div
    this.prfxCheckListDiv = 'chkdiv_';
    //pages select
    this.prfxSlcPages = 'slcPages_';
    //results per page select
    this.prfxSlcResults = 'slcResults_';
    //label preciding results per page select
    this.prfxSlcResultsTxt = 'slcResultsTxt_';
    //span containing next page button
    this.prfxBtnNextSpan = 'btnNextSpan_';
    //span containing previous page button
    this.prfxBtnPrevSpan = 'btnPrevSpan_';
    //span containing last page button
    this.prfxBtnLastSpan = 'btnLastSpan_';
    //span containing first page button
    this.prfxBtnFirstSpan = 'btnFirstSpan_';
    //next button
    this.prfxBtnNext = 'btnNext_';
    //previous button
    this.prfxBtnPrev = 'btnPrev_';
    //last button
    this.prfxBtnLast = 'btnLast_';
    //first button
    this.prfxBtnFirst = 'btnFirst_';
    //span for tot nb pages
    this.prfxPgSpan = 'pgspan_';
    //span preceding pages select (contains 'Page')
    this.prfxPgBeforeSpan = 'pgbeforespan_';
    //span following pages select (contains ' of ')
    this.prfxPgAfterSpan = 'pgafterspan_';
    //rows counter div
    this.prfxCounter = 'counter_';
    //nb displayed rows label
    this.prfxTotRows = 'totrows_span_';
    //label preceding nb rows label
    this.prfxTotRowsTxt = 'totRowsTextSpan_';
    //span containing reset button
    this.prfxResetSpan = 'resetspan_';
    //loader div
    this.prfxLoader = 'load_';
    //status bar div
    this.prfxStatus = 'status_';
    //status bar label
    this.prfxStatusSpan = 'statusSpan_';
    //text preceding status bar label
    this.prfxStatusTxt = 'statusText_';
    //filter values cookie
    this.prfxCookieFltsValues = 'tf_flts_';
    //page nb cookie
    this.prfxCookiePageNb = 'tf_pgnb_';
    //page length cookie
    this.prfxCookiePageLen = 'tf_pglen_';
    //div containing grid elements if grid_layout true
    this.prfxMainTblCont = 'gridCont_';
    //div containing table if grid_layout true
    this.prfxTblCont = 'tblCont_';
    //div containing headers table if grid_layout true
    this.prfxHeadTblCont = 'tblHeadCont_';
    //headers' table if grid_layout true
    this.prfxHeadTbl = 'tblHead_';
    //id of td containing the filter if grid_layout true
    this.prfxGridFltTd = '_td_';
    //id of th containing column header if grid_layout true
    this.prfxGridTh = 'tblHeadTh_';
    //id prefix for help elements
    this.prfxHelpSpan = 'helpSpan_';
    //id prefix for help elements
    this.prfxHelpDiv = 'helpDiv_';
    //id prefix for pop-up filter span
    this.prfxPopUpSpan = 'popUpSpan_';
    //id prefix for pop-up div containing filter
    this.prfxPopUpDiv = 'popUpDiv_';

    /*** cookies ***/
    this.hasStoredValues = false;
    //remembers filters values on page load
    this.rememberGridValues = f.remember_grid_values===true ?
        true : false;
    //cookie storing filter values
    this.fltsValuesCookie = this.prfxCookieFltsValues + this.id;
    //remembers page nb on page load
    this.rememberPageNb = this.paging && f.remember_page_number ?
        true : false;
    //cookie storing page nb
    this.pgNbCookie = this.prfxCookiePageNb + this.id;
    //remembers page length on page load
    this.rememberPageLen = this.paging && f.remember_page_length ?
        true : false;
    //cookie storing page length
    this.pgLenCookie = this.prfxCookiePageLen + this.id;
    //cookie duration
    this.cookieDuration = !isNaN(f.set_cookie_duration) ?
        parseInt(f.set_cookie_duration, 10) :100000;

    /*** extensions ***/
    //imports external script
    this.hasExtensions = f.extensions===true ? true : false;
    this.extensions = this.hasExtensions ? f.extensions : null;

    /*** themes ***/
    this.enableDefaultTheme = f.enable_default_theme===true ?
        true : false;
    //imports themes
    this.hasThemes = (f.enable_default_theme ||
        (f.themes && types.isObj(f.themes))) ? true : false;
    this.themes = this.hasThemes ? f.themes : null;
    //themes path
    this.themesPath = f.themes_path || this.basePath+'TF_Themes/';

    /*** TF events ***/
    var o = this;
    this.Evt = {
        name: {
            filter: 'Filter',
            populateselect: 'Populate',
            populatechecklist: 'PopulateCheckList',
            changepage: 'ChangePage',
            clear: 'Clear',
            changeresultsperpage: 'ChangeResults',
            resetvalues: 'ResetValues',
            resetpage: 'ResetPage',
            resetpagelength: 'ResetPageLength',
            sort: 'Sort',
            loadextensions: 'LoadExtensions',
            loadthemes: 'LoadThemes'
        },
        getKeyCode: function(evt){
            return evt.charCode ? evt.charCode :
                (evt.keyCode ? evt.keyCode: (evt.which ? evt.which : 0));
        },
        /*====================================================
            - Detects <enter> key for a given element
        =====================================================*/
        _DetectKey: function(e) {
            if(!o.enterKey){ return; }
            var _evt = e || global.event;
            if(_evt){
                var key = o.Evt.getKeyCode(_evt);
                if(key===13){
                    o._Filter();
                    evt.cancel(_evt);
                    evt.stop(_evt);
                } else {
                    o.isUserTyping = true;
                    global.clearInterval(o.onKeyUpTimer);
                    o.onKeyUpTimer = undefined;
                }
            }//if evt
        },
        /*====================================================
            - onkeyup event for text filters
        =====================================================*/
        _OnKeyUp: function(e) {
            if(!o.onKeyUp) return;
            var _evt = e || global.event;
            var key = o.Evt.getKeyCode(_evt);
            o.isUserTyping = false;

            function filter() {
                global.clearInterval(o.onKeyUpTimer);
                o.onKeyUpTimer = undefined;
                if(!o.isUserTyping){
                    o.Filter();
                    o.isUserTyping = null;
                }
            }

            if(key!==13 && key!==9 && key!==27 && key!==38 && key!==40) {
                if(o.onKeyUpTimer===undefined){
                    o.onKeyUpTimer = global.setInterval(filter, o.onKeyUpDelay);
                }
            } else {
                global.clearInterval(o.onKeyUpTimer);
                o.onKeyUpTimer = undefined;
            }
        },
        /*====================================================
            - onkeydown event for input filters
        =====================================================*/
        _OnKeyDown: function(e) {
            if(!o.onKeyUp) { return; }
            o.isUserTyping = true;
        },
        /*====================================================
            - onblur event for input filters
        =====================================================*/
        _OnInpBlur: function(e) {
            if(o.onKeyUp){
                o.isUserTyping = false;
                global.clearInterval(o.onKeyUpTimer);
            }
            //Watermark
            if(this.value === '' && o.inpWatermark !== ''){
                this.value = (o.isInpWatermarkArray) ?
                    o.inpWatermark[this.getAttribute('ct')] :
                    o.inpWatermark;
                dom.addClass(this, o.inpWatermarkCssClass);
            }
            if(o.ezEditTable){
              if(o.editable) o.ezEditTable.Editable.Set();
              if(o.selectable) o.ezEditTable.Selection.Set();
            }
        },
        /*====================================================
            - onfocus event for input filters
        =====================================================*/
        _OnInpFocus: function(e) {
            var _evt = e || global.event;
            o.activeFilterId = this.getAttribute('id');
            o.activeFlt = TF.id(o.activeFilterId);
            //Watermark
            if(!o.isInpWatermarkArray){
                if(this.value === o.inpWatermark &&
                    o.inpWatermark !== ''){
                    this.value = '';
                    dom.removeClass(this, o.inpWatermarkCssClass);
                }
            } else {
                var inpWatermark = o.inpWatermark[this.getAttribute('ct')];
                if(this.value === inpWatermark && inpWatermark !== ''){
                    this.value = '';
                    dom.removeClass(this, o.inpWatermarkCssClass);
                }
            }
            if(o.popUpFilters){
                evt.cancel(_evt);
                evt.stop(_evt);
            }
            if(o.ezEditTable){
                if(o.editable) o.ezEditTable.Editable.Remove();
                if(o.selectable) o.ezEditTable.Selection.Remove();
            }
        },
        /*====================================================
            - onfocus event for select filters
        =====================================================*/
        _OnSlcFocus: function(e) {
            var _evt = e || global.event;
            o.activeFilterId = this.getAttribute('id');
            o.activeFlt = TF.id(o.activeFilterId);
            // select is populated when element has focus
            if(o.fillSlcOnDemand && this.getAttribute('filled') === '0'){
                var ct = this.getAttribute('ct');
                o.PopulateSelect(ct);
                if(!TF.isIE){ this.setAttribute('filled','1'); }
            }
            if(o.popUpFilters){
                evt.cancel(_evt);
                evt.stop(_evt);
            }
        },
        /*====================================================
            - onchange event for select filters
        =====================================================*/
        _OnSlcChange: function(e) {
            var colIndex = o.activeFlt.getAttribute('colIndex');
            //Checks filter is a checklist and caller is not null
            if(o.activeFlt && colIndex &&
                o['col'+colIndex]===o.fltTypeCheckList &&
                !o.Evt._OnSlcChange.caller){ return; }
            var _evt = e || global.event;
            if(o.popUpFilters){ evt.stop(_evt); }
            if(o.onSlcChange){ o.Filter(); }
        },
        /*====================================================
            - onblur event for select filters
        =====================================================*/
        _OnSlcBlur: function(e) {},
        /*====================================================
            - onchange event for checklist filters
        =====================================================*/
        _OnCheckListChange: function(e) {
            //Checks caller is not null
            if(!o.Evt._OnCheckListChange.caller){ return; }
            o.Evt._OnSlcChange(e);
        },
        /*====================================================
            - onclick event for checklist filters
        =====================================================*/
        _OnCheckListClick: function() {
            if(o.fillSlcOnDemand && this.getAttribute('filled') === '0'){
                var ct = this.getAttribute('ct');
                o.PopulateCheckList(ct);
                o.checkListDiv[ct].onclick = null;
                o.checkListDiv[ct].title = '';
            }
        },
        /*====================================================
            - onclick event for checklist filter container
        =====================================================*/
        _OnCheckListFocus: function(e) {
            o.activeFilterId = this.firstChild.getAttribute('id');
            o.activeFlt = TF.id(o.activeFilterId);
        },
        _OnCheckListBlur: function(e){},
        /*====================================================
            - onclick event for validation button
            (btn property)
        =====================================================*/
        _OnBtnClick: function() {
            o.Filter();
        },
        _OnSlcPagesChangeEvt: null, //used by sort adapter
        /*====================================================
            - onclick event slc parent node (enables filters)
            IE only
        =====================================================*/
        _EnableSlc: function() {
            this.firstChild.disabled = false;
            this.firstChild.focus();
            this.onclick = null;
        },
        /*====================================================
            - clears filters
        =====================================================*/
        _Clear: function() {
            o.ClearFilters();
        },
        /*====================================================
            - Help button onclick event
        =====================================================*/
        _OnHelpBtnClick: function() {
            o._ToggleHelp();
        },
        _Paging: { //used by sort adapter
            nextEvt: null,
            prevEvt: null,
            lastEvt: null,
            firstEvt: null
        }
    };
}

TableFilter.prototype = {
    AddGrid: function(){ this._AddGrid(); },
    Init: function(){ this.AddGrid(); },
    Initialize: function(){ this.AddGrid(); },
    init: function(){ this.AddGrid(); },
    initialize: function(){ this.AddGrid(); },
    /*====================================================
        - adds row with filtering grid bar and sets grid
        behaviours and layout
    =====================================================*/
    _AddGrid: function(){
        if(this.hasGrid) return;
        if(this.gridLayout){
            this.refRow = this.startRow===null ? 0 : this.startRow;
        }
        if(this.popUpFilters &&
            ((this.filtersRowIndex === 0 && this.headersRow === 1) ||
            this.gridLayout)){
            this.headersRow = 0;
        }
        var f = this.fObj || {},
            n = this.singleSearchFlt ? 1 : this.nbCells,
            inpclass;

        if(window['tf_'+this.id] === undefined){
            window['tf_'+this.id] = this;
        }

        //loads stylesheet if not imported
        //Issues with browsers != IE, IE rules in this case
        this.IncludeFile(this.stylesheetId, this.stylesheet, null, 'link');

        //loads theme
        if(this.hasThemes){ this._LoadThemes(); }

        if(this.gridLayout){
            this.isExternalFlt = true;
            this.SetGridLayout();
            //Once grid generated 1st filterable row is 0 again
            this.refRow = TF.isIE ? (this.refRow+1) : 0;
        }

        if(this.loader){ this.SetLoader(); }

        if(this.popUpFilters){
            if(!this.isFirstLoad && !this.gridLayout){
                this.headersRow--;
            }
            this.SetPopupFilterIcons();
        }

        if(this.hasResultsPerPage){
            this.resultsPerPage = f['results_per_page'] || this.resultsPerPage;
            if(this.resultsPerPage.length<2){
                this.hasResultsPerPage = false;
            } else {
                this.pagingLength = this.resultsPerPage[1][0];
            }
        }

        //filters grid is not generated
        if(!this.fltGrid){
            this.refRow = this.refRow-1;
            if(this.gridLayout){
                this.refRow = 0;
            }
            this.nbFilterableRows = this.GetRowsNb();
            this.nbVisibleRows = this.nbFilterableRows;
            this.nbRows = this.nbFilterableRows + this.refRow;
        } else {
            if(this.isFirstLoad){
                var fltrow;
                if(!this.gridLayout){
                    var thead = TF.tag(this.tbl,'thead');
                    if(thead.length > 0){
                        fltrow = thead[0].insertRow(this.filtersRowIndex);
                    } else {
                        fltrow = this.tbl.insertRow(this.filtersRowIndex);
                    }

                    if(this.headersRow > 1 &&
                        this.filtersRowIndex <= this.headersRow &&
                        !this.popUpFilters){
                        this.headersRow++;
                    }
                    if(this.popUpFilters){
                        this.headersRow++;
                    }
                    if(this.fixedHeaders){
                        this.SetFixedHeaders();
                    }

                    fltrow.className = this.fltsRowCssClass;
                    //Disable for grid_layout
                    if(this.isExternalFlt &&
                        (!this.gridLayout || this.popUpFilters)){
                        fltrow.style.display = 'none';
                    }
                }

                this.nbFilterableRows = this.GetRowsNb();
                this.nbVisibleRows = this.nbFilterableRows;
                this.nbRows = this.tbl.rows.length;

                for(var i=0; i<n; i++){// this loop adds filters
                    var fltcell = dom.create(this.fltCellTag),
                        col = this['col'+i],
                        externalFltTgtId =
                            this.isExternalFlt && this.externalFltTgtIds ?
                            this.externalFltTgtIds[i] : null;

                    if(this.singleSearchFlt){
                        fltcell.colSpan = this.nbCells;
                    }
                    if(!this.gridLayout){
                        fltrow.appendChild(fltcell);
                    }
                    inpclass = (i==n-1 && this.displayBtn) ?
                        this.fltSmallCssClass : this.fltCssClass;

                    if(this.popUpFilters){
                        this.SetPopupFilter(i);
                    }

                    if(col===undefined){
                        col = f['col_'+i]===undefined ?
                            this.fltTypeInp : str.lower(f['col_'+i]);
                    }

                    //only 1 input for single search
                    if(this.singleSearchFlt){
                        col = this.fltTypeInp;
                        inpclass = this.singleFltCssClass;
                    }

                    //selects
                    if(col===this.fltTypeSlc ||
                        col===this.fltTypeMulti){
                        var slc = dom.create(this.fltTypeSlc,
                            ['id',this.prfxFlt+i+'_'+this.id],
                            ['ct',i], ['filled','0']);

                        if(col===this.fltTypeMulti){
                            slc.multiple = this.fltTypeMulti;
                            slc.title = this.multipleSlcTooltip;
                        }
                        slc.className = str.lower(col)===this.fltTypeSlc ?
                            inpclass : this.fltMultiCssClass;// for ie<=6

                        //filter is appended in desired element
                        if(externalFltTgtId){
                            TF.id(externalFltTgtId).appendChild(slc);
                            this.externalFltEls.push(slc);
                        } else {
                            fltcell.appendChild(slc);
                        }

                        this.fltIds.push(this.prfxFlt+i+'_'+this.id);

                        if(!this.fillSlcOnDemand){
                            this._PopulateSelect(i);
                        }

                        slc.onkeypress = this.Evt._DetectKey;
                        slc.onchange = this.Evt._OnSlcChange;
                        slc.onfocus = this.Evt._OnSlcFocus;
                        slc.onblur = this.Evt._OnSlcBlur;

                        //1st option is created here since PopulateSelect isn't
                        //invoked
                        if(this.fillSlcOnDemand){
                            var opt0 = dom.createOpt(this.displayAllText,'');
                            slc.appendChild(opt0);
                        }

                        /*  Code below for IE: it prevents select options to
                            slide out before select it-self is populated.
                            This is an unexpeted behavior for users since at
                            1st click options are empty. Work around:
                            select is disabled and by clicking on element
                            (parent td), users enable drop-down and select is
                            populated at same time.  */
                        if(this.fillSlcOnDemand && TF.isIE){
                            slc.disabled = true;
                            slc.title = this.activateSlcTooltip;
                            slc.parentNode.onclick = this.Evt._EnableSlc;
                            if(col===this.fltTypeMulti){
                                this.__deferMultipleSelection(slc,0);
                            }
                        }
                    }
                    // checklist
                    else if(col===this.fltTypeCheckList){
                        var divCont = dom.create('div',
                            ['id',this.prfxCheckListDiv+i+'_'+this.id],
                            ['ct',i],['filled','0']);
                        divCont.className = this.checkListDivCssClass;

                        //filter is appended in desired element
                        if(externalFltTgtId){
                            TF.id(externalFltTgtId).appendChild(divCont);
                            this.externalFltEls.push(divCont);
                        } else {
                            fltcell.appendChild(divCont);
                        }

                        this.checkListDiv[i] = divCont;
                        this.fltIds.push(this.prfxFlt+i+'_'+this.id);
                        if(!this.fillSlcOnDemand){
                            this._PopulateCheckList(i);
                        }

                        divCont.onclick = this.Evt._OnCheckListFocus;

                        if(this.fillSlcOnDemand){
                            divCont.onclick = this.Evt._OnCheckListClick;
                            divCont.appendChild(
                                dom.text(this.activateCheckListTxt));
                        }
                    }

                    else{
                        //show/hide input
                        var inptype = col===this.fltTypeInp ? 'text' : 'hidden';
                        var inp = dom.create(this.fltTypeInp,
                            ['id',this.prfxFlt+i+'_'+this.id],
                            ['type',inptype],['ct',i]);
                        if(inptype!='hidden'){
                            inp.value = (this.isInpWatermarkArray) ?
                                this.inpWatermark[i] : this.inpWatermark;
                        }
                        inp.className = inpclass;// for ie<=6
                        if(this.inpWatermark!==''){
                            //watermark css class
                            dom.addClass(inp, this.inpWatermarkCssClass);
                        }
                        inp.onfocus = this.Evt._OnInpFocus;

                        //filter is appended in desired element
                        if(externalFltTgtId){
                            TF.id(externalFltTgtId).appendChild(inp);
                            this.externalFltEls.push(inp);
                        } else {
                            fltcell.appendChild(inp);
                        }

                        this.fltIds.push(this.prfxFlt+i+'_'+this.id);

                        inp.onkeypress = this.Evt._DetectKey;
                        inp.onkeydown = this.Evt._OnKeyDown;
                        inp.onkeyup = this.Evt._OnKeyUp;
                        inp.onblur = this.Evt._OnInpBlur;

                        if(this.rememberGridValues){
                            //reads the cookie
                            var flts = cookie.read(this.fltsValuesCookie);
                            var reg = new RegExp(this.separator,'g');
                            //creates an array with filters' values
                            var flts_values = flts.split(reg);
                            if(flts_values[i]!=' '){
                                this.SetFilterValue(i,flts_values[i],false);
                            }
                        }
                    }
                    // this adds submit button
                    if(i==n-1 && this.displayBtn){
                        var btn = dom.create(this.fltTypeInp,
                            ['id',this.prfxValButton+i+'_'+this.id],
                            ['type','button'], ['value',this.btnText]);
                        btn.className = this.btnCssClass;

                        //filter is appended in desired element
                        if(externalFltTgtId){
                            TF.id(externalFltTgtId).appendChild(btn);
                        } else{
                            fltcell.appendChild(btn);
                        }

                        btn.onclick = this.Evt._OnBtnClick;
                    }//if

                }// for i

            } else {
                this.__resetGrid();
            }//if isFirstLoad

        }//if this.fltGrid

        /* Filter behaviours */
        if(this.rowsCounter){
            this.SetRowsCounter();
        }
        if(this.statusBar){
            this.SetStatusBar();
        }
        if(this.fixedHeaders && !this.isFirstLoad){
            this.SetFixedHeaders();
        }
        if(this.paging){
            this.SetPaging();
        }
        if(this.hasResultsPerPage && this.paging){
            this.SetResultsPerPage();
        }
        if(this.btnReset){
            this.SetResetBtn();
        }
        if(this.helpInstructions){
            this.SetHelpInstructions();
        }
        if(this.hasColWidth && !this.gridLayout){
            this.SetColWidths();
        }
        if(this.alternateBgs && this.isStartBgAlternate){
            //1st time only if no paging and rememberGridValues
            this.SetAlternateRows();
        }
        if(this.hasColOperation && this.fltGrid){
            this.colOperation = f.col_operation;
            this.SetColOperation();
        }
        if(this.sort || this.gridLayout){
            this.SetSort();
        }
        if(this.selectable || this.editable){
            this.SetEditable();
        }

        this.isFirstLoad = false;
        this.hasGrid = true;

        if(this.rememberGridValues || this.rememberPageLen ||
            this.rememberPageNb){
            this.ResetValues();
        }

        //TF css class is added to table
        if(!this.gridLayout){
            dom.addClass(this.tbl, this.prfxTf);
        }

        if(this.loader){
            this.ShowLoader('none');
        }

        /* Loads extensions */
        if(this.hasExtensions){
            this.LoadExtensions();
        }

        if(this.onFiltersLoaded){
            this.onFiltersLoaded.call(null,this);
        }

    },// AddGrid

    /*====================================================
        - TF events manager
        - Params:
            - event name (string)
            - config object (optional literal object)
    =====================================================*/
    EvtManager: function(evt, s){
        var o = this;
        var slcIndex = s && s.slcIndex!==undefined ? s.slcIndex : null;
        var slcExternal = s && s.slcExternal!==undefined ?
            s.slcExternal : false;
        var slcId = s && s.slcId!==undefined ? s.slcId : null;
        var pgIndex = s && s.pgIndex!==undefined ? s.pgIndex : null;

        function efx(){
            if(!evt){ return; }
            switch(evt){
                case o.Evt.name.filter:
                    if(o.isModFilterFn){
                        o.modFilterFn.call(null,o);
                    } else {
                        o._Filter();
                    }
                break;
                case o.Evt.name.populateselect:
                    if(o.refreshFilters){
                        o._PopulateSelect(slcIndex,true);
                    } else {
                        o._PopulateSelect(slcIndex,false,slcExternal,slcId);
                    }
                break;
                case o.Evt.name.populatechecklist:
                    o._PopulateCheckList(slcIndex,slcExternal,slcId);
                break;
                case o.Evt.name.changepage:
                    o._ChangePage(pgIndex);
                break;
                case o.Evt.name.clear:
                    o._ClearFilters();
                    o._Filter();
                break;
                case o.Evt.name.changeresultsperpage:
                    o._ChangeResultsPerPage();
                break;
                case o.Evt.name.resetvalues:
                    o._ResetValues();
                    o._Filter();
                break;
                case o.Evt.name.resetpage:
                    o._ResetPage(o.pgNbCookie);
                break;
                case o.Evt.name.resetpagelength:
                    o._ResetPageLength(o.pgLenCookie);
                break;
                case o.Evt.name.sort:
                    void(0);
                break;
                case o.Evt.name.loadextensions:
                    o._LoadExtensions();
                break;
                case o.Evt.name.loadthemes:
                    o._LoadThemes();
                break;
                default: //to be used by extensions events when needed
                    o['_'+evt].call(null,o,s);
                break;
            }
            if(o.status || o.statusBar){
                o.StatusMsg('');
            }
            if(o.loader){
                o.ShowLoader('none');
            }
        }

        if(this.loader || this.status || this.statusBar) {
            try{
                this.ShowLoader('');
                this.StatusMsg(o['msg'+evt]);
            } catch(e){}
            global.setTimeout(efx,this.execDelay);
        } else {
            efx();
        }
    },

    ImportModule: function(module){
        if(!module.path || !module.name){
            return;
        }
        this.IncludeFile(module.name, module.path, module.init);
    },

    LoadExtensions : function(){
        if(!this.Ext){
            /*** TF extensions ***/
            var o = this;
            this.Ext = {
                list: {},
                add: function(extName, extDesc, extPath, extCallBack){
                    var file = extPath.split('/')[extPath.split('/').length-1],
                        re = new RegExp(file),
                        path = extPath.replace(re,'');
                    o.Ext.list[extName] = {
                        name: extName,
                        description: extDesc,
                        file: file,
                        path: path,
                        callback: extCallBack
                    };
                }
            };
        }
        this.EvtManager(this.Evt.name.loadextensions);
    },

    /*====================================================
        - loads TF extensions
    =====================================================*/
    _LoadExtensions : function(){
        if(!this.hasExtensions || !types.isArray(this.extensions.name) ||
            !types.isArray(this.extensions.src)){
            return;
        }
        var ext = this.extensions;
        for(var e=0; e<ext.name.length; e++){
            var extPath = ext.src[e],
                extName = ext.name[e],
                extInit = (ext.initialize && ext.initialize[e]) ?
                    ext.initialize[e] : null,
                extDesc = (ext.description && ext.description[e] ) ?
                    ext.description[e] : null;

            //Registers extension
            this.Ext.add(extName, extDesc, extPath, extInit);
            if(isImported(extPath)){
                extInit.call(null,this);
            } else {
                this.IncludeFile(extName, extPath, extInit);
            }
        }
    },

    LoadThemes: function(){
        this.EvtManager(this.Evt.name.loadthemes);
    },

    /*====================================================
        - loads TF themes
    =====================================================*/
    _LoadThemes: function(){
        if(!this.hasThemes){
            return;
        }
        if(!this.Thm){
            /*** TF themes ***/
            var o = this;
            this.Thm = {
                list: {},
                add: function(thmName, thmDesc, thmPath, thmCallBack){
                    var file = thmPath.split('/')[thmPath.split('/').length-1],
                        re = new RegExp(file),
                        path = thmPath.replace(re,'');
                    o.Thm.list[thmName] = {
                        name: thmName,
                        description: thmDesc,
                        file: file,
                        path: path,
                        callback: thmCallBack
                    };
                }
            };
        }

        //Default theme config
        if(this.enableDefaultTheme){
            this.themes = {
                name:['DefaultTheme'],
                src:[this.themesPath+'Default/TF_Default.css'],
                description:['Default Theme']
            };
            this.Thm.add('DefaultTheme',
                this.themesPath+'Default/TF_Default.css', 'Default Theme');
        }
        if(types.isArray(this.themes.name) &&
            types.isArray(this.themes.src)){
            var thm = this.themes;
            for(var i=0; i<thm.name.length; i++){
                var thmPath = thm.src[i],
                    thmName = thm.name[i],
                    thmInit = (thm.initialize && thm.initialize[i]) ?
                        thm.initialize[i] : null,
                    thmDesc = (thm.description && thm.description[i]) ?
                        thm.description[i] : null;

                //Registers theme
                this.Thm.add(thmName, thmDesc, thmPath, thmInit);

                if(!isImported(thmPath,'link')){
                    this.IncludeFile(thmName, thmPath, null, 'link');
                }
                if(types.isFn(thmInit)){
                    thmInit.call(null,this);
                }
            }
        }

        //Some elements need to be overriden for theme
        //Reset button
        this.btnResetText = null;
        this.btnResetHtml = '<input type="button" value="" class="' +
            this.btnResetCssClass+'" title="Clear filters" />';

        //Paging buttons
        this.btnPrevPageHtml = '<input type="button" value="" class="' +
            this.btnPageCssClass+' previousPage" title="Previous page" />';
        this.btnNextPageHtml = '<input type="button" value="" class="' +
            this.btnPageCssClass+' nextPage" title="Next page" />';
        this.btnFirstPageHtml = '<input type="button" value="" class="' +
            this.btnPageCssClass+' firstPage" title="First page" />';
        this.btnLastPageHtml = '<input type="button" value="" class="' +
            this.btnPageCssClass+' lastPage" title="Last page" />';

        //Loader
        this.loader = true;
        this.loaderHtml = '<div class="defaultLoader"></div>';
        this.loaderText = null;
    },

    /*====================================================
        - removes a filter grid
    =====================================================*/
    RemoveGrid: function(){
        if(this.fltGrid && this.hasGrid){
            var rows = this.tbl.rows;
            if(this.paging){
                this.RemovePaging();
            }
            if(this.statusBar){
                this.RemoveStatusBar();
            }
            if(this.rowsCounter){
                this.RemoveRowsCounter();
            }
            if(this.btnReset){
                this.RemoveResetBtn();
            }
            if(this.helpInstructions || !this.helpInstructions){
                this.RemoveHelpInstructions();
            }
            if(this.paging){
                this.RemoveResultsPerPage();
            }
            if(this.isExternalFlt && !this.popUpFilters){
                this.RemoveExternalFlts();
            }
            if(this.fixedHeaders){
                this.RemoveFixedHeaders();
            }
            if(this.infDiv){
                this.RemoveTopDiv();
            }
            if(this.highlightKeywords){
                this.UnhighlightAll();
            }
            if(this.sort){
                this.RemoveSort();
            }
            if(this.loader){
                this.RemoveLoader();
            }
            if(this.popUpFilters){
                this.RemovePopupFilters();
            }
            if(this.markActiveColumns){
                this.ClearActiveColumns();
            }
            if(this.editable || this.selectable){
                this.RemoveEditable();
            }
            //this loop shows all rows and removes validRow attribute
            for(var j=this.refRow; j<this.nbRows; j++){
                rows[j].style.display = '';
                try{
                    if(rows[j].hasAttribute('validRow')){
                        rows[j].removeAttribute('validRow');
                    }
                } catch(e) {
                    //ie<=6 doesn't support hasAttribute method
                    var row = rows[j];
                    var attribs = row.attributes;
                    for(var x = 0; x < attribs.length; x++){
                        if(str.lower(attribs.nodeName)==='validrow'){
                            row.removeAttribute('validRow');
                        }
                    }
                }

                //removes alternating colors
                if(this.alternateBgs){
                    this.RemoveRowBg(j);
                }

            }//for j

            if(this.fltGrid && !this.gridLayout){
                this.fltGridEl = rows[this.filtersRowIndex];
                this.tbl.deleteRow(this.filtersRowIndex);
            }
            if(this.gridLayout){
                this.RemoveGridLayout();
            }
            dom.removeClass(this.tbl, this.prfxTf);
            this.activeFlt = null;
            this.isStartBgAlternate = true;
            this.hasGrid = false;

        }//if this.fltGrid
    },

    /*====================================================
        - Generates div above table where paging,
        reset button, rows counter label etc. are placed
    =====================================================*/
    SetTopDiv: function(){
        if(this.infDiv!==null){
            return;
        }

        /*** container div ***/
        var infdiv = dom.create('div', ['id',this.prfxInfDiv+this.id]);
        infdiv.className = this.infDivCssClass;

        //custom container
        if(this.toolBarTgtId){
            TF.id(this.toolBarTgtId).appendChild(infdiv);
        }
        //fixed headers
        else if(this.fixedHeaders && this.contDiv){
            this.contDiv.parentNode.insertBefore(infdiv, this.contDiv);
        }
        //grid-layout
        else if(this.gridLayout){
            this.tblMainCont.appendChild(infdiv);
            infdiv.className = this.gridInfDivCssClass;
        }
        //default location: just above the table
        else{
            this.tbl.parentNode.insertBefore(infdiv, this.tbl);
        }
        this.infDiv = TF.id(this.prfxInfDiv+this.id);

        /*** left div containing rows # displayer ***/
        var ldiv = dom.create('div', ['id',this.prfxLDiv+this.id]);
        ldiv.className = this.lDivCssClass;
        infdiv.appendChild(ldiv);
        this.lDiv = TF.id(this.prfxLDiv+this.id);

        /***    right div containing reset button
                + nb results per page select    ***/
        var rdiv = dom.create('div', ['id',this.prfxRDiv+this.id]);
        rdiv.className = this.rDivCssClass;
        infdiv.appendChild(rdiv);
        this.rDiv = TF.id(this.prfxRDiv+this.id);

        /*** mid div containing paging elements ***/
        var mdiv = dom.create('div', ['id',this.prfxMDiv+this.id]);
        mdiv.className = this.mDivCssClass;
        infdiv.appendChild(mdiv);
        this.mDiv = TF.id(this.prfxMDiv+this.id);

        if(!this.helpInstructions){
            this.SetHelpInstructions();
        }
    },

    /*====================================================
        - Removes div above table where paging,
        reset button, rows counter label etc. are placed
    =====================================================*/
    RemoveTopDiv: function(){
        if(!this.infDiv){
            return;
        }
        this.infDiv.parentNode.removeChild(this.infDiv);
        this.infDiv = null;
    },

    /*====================================================
        - removes external filters
    =====================================================*/
    RemoveExternalFlts: function(){
        if(!this.isExternalFlt && !this.externalFltTgtIds){
            return;
        }
        for(var ct=0; ct<this.externalFltTgtIds.length; ct++){
            var externalFltTgtId = this.externalFltTgtIds[ct],
                externalFlt = TF.id(externalFltTgtId);
            if(externalFlt){
                externalFlt.innerHTML = '';
            }
        }
    },

    /*====================================================
        - generates loader div
    =====================================================*/
    SetLoader: function(){
        if(this.loaderDiv){
            return;
        }
        var f = this.fObj;
        //id of container element
        this.loaderTgtId = f.loader_target_id || null;
        //div containing loader
        this.loaderDiv = null;
        //defines loader text
        this.loaderText = f.loader_text || 'Loading...';
        //defines loader innerHtml
        this.loaderHtml = f.loader_html || null;
        //defines css class for loader div
        this.loaderCssClass = f.loader_css_class || 'loader';
        //delay for hiding loader
        this.loaderCloseDelay = 200;
        //callback function before loader is displayed
        this.onShowLoader = types.isFn(f.on_show_loader) ?
            f.on_show_loader : null;
        //callback function after loader is closed
        this.onHideLoader = types.isFn(f.on_hide_loader) ?
            f.on_hide_loader : null;

        var containerDiv = dom.create('div',['id',this.prfxLoader+this.id]);
        containerDiv.className = this.loaderCssClass;// for ie<=6

        var targetEl = (!this.loaderTgtId) ?
            (this.gridLayout ? this.tblCont : this.tbl.parentNode) :
            TF.id(this.loaderTgtId);
        if(!this.loaderTgtId){
            targetEl.insertBefore(containerDiv, this.tbl);
        } else {
            targetEl.appendChild(containerDiv);
        }
        this.loaderDiv = TF.id(this.prfxLoader+this.id);
        if(!this.loaderHtml){
            this.loaderDiv.appendChild(dom.text(this.loaderText));
        } else {
            this.loaderDiv.innerHTML = this.loaderHtml;
        }
    },

    /*====================================================
        - removes loader div
    =====================================================*/
    RemoveLoader: function(){
        if(!this.loaderDiv){
            return;
        }
        var targetEl = (!this.loaderTgtId) ?
            (this.gridLayout ? this.tblCont : this.tbl.parentNode) :
            TF.id(this.loaderTgtId);
        targetEl.removeChild(this.loaderDiv);
        this.loaderDiv = null;
    },

    /*====================================================
        - displays/hides loader div
    =====================================================*/
    ShowLoader: function(p){
        if(!this.loader || !this.loaderDiv || this.loaderDiv.style.display===p){
            return;
        }
        var o = this;

        function displayLoader(){
            if(!o.loaderDiv){
                return;
            }
            if(o.onShowLoader && p!=='none'){
                o.onShowLoader.call(null,o);
            }
            o.loaderDiv.style.display = p;
            if(o.onHideLoader && p==='none'){
                o.onHideLoader.call(null,o);
            }
        }

        var t = p==='none' ? this.loaderCloseDelay : 1;
        global.setTimeout(displayLoader,t);
    },

    /*====================================================
        - Sets sorting feature by loading
        WebFX Sortable Table 1.12 plugin by Erik Arvidsson
        and TF adapter by Max Guglielmi
    =====================================================*/
    SetSort: function(){
        var fn = this.Evt._EnableSort,
            sortConfig = this.sortConfig;

        if(!types.isFn(fn)){
            var o = this;
            /*====================================================
                - enables table sorting
            =====================================================*/
            this.Evt._EnableSort = function(){
                //gridLayout needs sort to be re-enabled
                if(o.isSortEnabled && !o.gridLayout){
                    return;
                }
                if(isImported(sortConfig.adapterSrc)){
                    sortConfig.initialize.call(null,o);
                } else {
                    o.IncludeFile(
                        sortConfig.name+'_adapter',
                        sortConfig.adapterSrc,
                        function(){ sortConfig.initialize.call(null,o); }
                    );
                }
            };
        }

        if(isImported(this.sortConfig.src)){
            this.Evt._EnableSort();
        } else {
            this.IncludeFile(
                sortConfig.name, sortConfig.src,this.Evt._EnableSort);
        }
    },

    /*====================================================
        - removes sorting feature
    =====================================================*/
    RemoveSort: function(){
        this.sort = false;
    },

    Sort: function(){
        this.EvtManager(this.Evt.name.sort);
    },

    /*====================================================
        - Sets selection or edition features by loading
        ezEditTable script by Max Guglielmi
    =====================================================*/
    SetEditable: function(){
        var ezEditConfig = this.ezEditTableConfig;
        if(isImported(ezEditConfig.src)){
            this._EnableEditable();
        } else {
            this.IncludeFile(
                ezEditConfig.name,
                ezEditConfig.src,
                this._EnableEditable
            );
        }
        if(ezEditConfig.loadStylesheet &&
            !isImported(ezEditConfig.stylesheet, 'link')){
            this.IncludeFile(
                ezEditConfig.stylesheetName,
                ezEditConfig.stylesheet, null, 'link'
            );
        }
    },

    /*====================================================
        - Removes selection or edition features
    =====================================================*/
    RemoveEditable: function(){
        var ezEditTable = this.ezEditTable;
        if(ezEditTable){
            if(this.selectable){
                ezEditTable.Selection.ClearSelections();
                ezEditTable.Selection.Remove();
            }
            if(this.editable){
                ezEditTable.Editable.Remove();
            }
        }
    },

    /*====================================================
        - Resets selection or edition features after
        removal
    =====================================================*/
    ResetEditable: function(){
        var ezEditTable = this.ezEditTable;
        if(ezEditTable){
            if(this.selectable){
                ezEditTable.Selection.Set();
            }
            if(this.editable){
                ezEditTable.Editable.Set();
            }
        }
    },

    _EnableEditable: function(o){
        if(!o){
            o = this;
        }

        //start row for EditTable constructor needs to be calculated
        var startRow,
            ezEditConfig = o.ezEditTableConfig,
            thead = TF.tag(o.tbl,'thead');

        //if thead exists and startRow not specified, startRow is calculated
        //automatically by EditTable
        if(thead.length > 0 && !ezEditConfig.startRow){
            startRow = undefined;
        }
        //otherwise startRow config property if any or TableFilter refRow
        else{
            startRow = ezEditConfig.startRow || o.refRow;
        }

        ezEditConfig.scroll_into_view = ezEditConfig.scroll_into_view===false ?
            false : true;
        ezEditConfig.base_path = ezEditConfig.base_path  ||
            o.basePath + 'ezEditTable/';
        ezEditConfig.editable = o.editable = o.fObj.editable;
        ezEditConfig.selection = o.selectable = o.fObj.selectable;

        if(o.selectable){
            ezEditConfig.default_selection =
                ezEditConfig.default_selection || 'row';
        }
        //CSS Styles
        ezEditConfig.active_cell_css = ezEditConfig.active_cell_css ||
            'ezETSelectedCell';

        o._lastValidRowIndex = 0;
        o._lastRowIndex = 0;

        if(o.selectable){
            //Row navigation needs to be calculated according to TableFilter's
            //validRowsIndex array
            var onAfterSelection = function(et, selectedElm, e){
                //table is not filtered
                if(!o.validRowsIndex){
                    return;
                }
                var validIndexes = o.validRowsIndex,
                    validIdxLen = validIndexes.length,
                    row = et.defaultSelection !== 'row' ?
                        selectedElm.parentNode : selectedElm,
                    //cell for default_selection = 'both' or 'cell'
                    cell = selectedElm.nodeName==='TD' ? selectedElm : null,
                    keyCode = e !== undefined ? et.Event.GetKey(e) : 0,
                    isRowValid = array.has(validIndexes, row.rowIndex),
                    nextRowIndex,
                    //pgup/pgdown keys
                    d = (keyCode === 34 || keyCode === 33 ?
                        (o.pagingLength || et.nbRowsPerPage) : 1);

                //If next row is not valid, next valid filtered row needs to be
                //calculated
                if(!isRowValid){
                    //Selection direction up/down
                    if(row.rowIndex>o._lastRowIndex){
                        //last row
                        if(row.rowIndex >= validIndexes[validIdxLen-1]){
                            nextRowIndex = validIndexes[validIdxLen-1];
                        } else {
                            var calcRowIndex = (o._lastValidRowIndex + d);
                            if(calcRowIndex > (validIdxLen-1)){
                                nextRowIndex = validIndexes[validIdxLen-1];
                            } else {
                                nextRowIndex = validIndexes[calcRowIndex];
                            }
                        }
                    } else{
                        //first row
                        if(row.rowIndex <= validIndexes[0]){
                            nextRowIndex = validIndexes[0];
                        } else {
                            var v = validIndexes[o._lastValidRowIndex - d];
                            nextRowIndex = v ? v : validIndexes[0];
                        }
                    }
                    o._lastRowIndex = row.rowIndex;
                    DoSelection(nextRowIndex);
                } else {
                    //If filtered row is valid, special calculation for
                    //pgup/pgdown keys
                    if(keyCode!==34 && keyCode!==33){
                        o._lastValidRowIndex = array.indexByValue(validIndexes,
                            row.rowIndex);
                        o._lastRowIndex = row.rowIndex;
                    } else {
                        if(keyCode === 34){ //pgdown
                            //last row
                            if((o._lastValidRowIndex + d) <= (validIdxLen-1)){
                                nextRowIndex = validIndexes[
                                o._lastValidRowIndex + d];
                            } else {
                                nextRowIndex = [validIdxLen-1];
                            }
                        } else { //pgup
                            //first row
                            if((o._lastValidRowIndex - d) <= validIndexes[0]){
                                nextRowIndex = validIndexes[0];
                            } else {
                                nextRowIndex = validIndexes[
                                    o._lastValidRowIndex - d];
                            }
                        }
                        o._lastRowIndex = nextRowIndex;
                        o._lastValidRowIndex = array.indexByValue(validIndexes,
                            nextRowIndex);
                        DoSelection(nextRowIndex);
                    }
                }

                //Next valid filtered row needs to be selected
                var DoSelection = function(nextRowIndex){
                    if(et.defaultSelection === 'row'){
                        et.Selection.SelectRowByIndex(nextRowIndex);
                    } else {
                        et.ClearSelections();
                        var cellIndex = selectedElm.cellIndex,
                            row = o.tbl.rows[nextRowIndex];
                        if(et.defaultSelection === 'both'){
                            et.Selection.SelectRowByIndex(nextRowIndex);
                        }
                        if(row){
                            et.Selection.SelectCell(row.cells[cellIndex]);
                        }
                    }
                    //Table is filtered
                    if(o.validRowsIndex.length !== o.GetRowsNb()){
                        var r = o.tbl.rows[nextRowIndex];
                        if(r){
                            r.scrollIntoView(false);
                        }
                        if(cell){
                            if(cell.cellIndex===(o.GetCellsNb()-1) &&
                                o.gridLayout){
                                o.tblCont.scrollLeft = 100000000;
                            }
                            else if(cell.cellIndex===0 && o.gridLayout){
                                o.tblCont.scrollLeft = 0;
                            } else {
                                cell.scrollIntoView(false);
                            }
                        }
                    }
                };
            };

            //Page navigation has to be enforced whenever selected row is out of
            //the current page range
            var onBeforeSelection = function(et, selectedElm, e){
                var row = et.defaultSelection !== 'row' ?
                    selectedElm.parentNode : selectedElm;
                if(o.paging){
                    if(o.nbPages>1){
                        //page length is re-assigned in case it has changed
                        et.nbRowsPerPage = o.pagingLength;
                        var validIndexes = o.validRowsIndex,
                            validIdxLen = validIndexes.length,
                            pagingEndRow = parseInt(o.startPagingRow,10) +
                            parseInt(o.pagingLength,10);
                        var rowIndex = row.rowIndex;
                        if((rowIndex === validIndexes[validIdxLen-1]) &&
                            o.currentPageNb!=o.nbPages){
                            o.SetPage('last');
                        }
                        else if((rowIndex == validIndexes[0]) &&
                            o.currentPageNb!==1){
                            o.SetPage('first');
                        }
                        else if(rowIndex > validIndexes[pagingEndRow-1] &&
                            rowIndex < validIndexes[validIdxLen-1]){
                            o.SetPage('next');
                        }
                        else if(rowIndex < validIndexes[o.startPagingRow] &&
                            rowIndex > validIndexes[0]){
                            o.SetPage('previous');
                        }
                    }
                }
            };

            //Selected row needs to be visible when paging is activated
            if(o.paging){
                o.onAfterChangePage = function(tf, i){
                    var et = tf.ezEditTable;
                    var row = et.Selection.GetActiveRow();
                    if(row){
                        row.scrollIntoView(false);
                    }
                    var cell = et.Selection.GetActiveCell();
                    if(cell){
                        cell.scrollIntoView(false);
                    }
                };
            }

            //Rows navigation when rows are filtered is performed with the
            //EditTable row selection callback events
            if(ezEditConfig.default_selection==='row'){
                var fnB = ezEditConfig.on_before_selected_row;
                ezEditConfig.on_before_selected_row = function(){
                    onBeforeSelection(arguments[0], arguments[1], arguments[2]);
                    if(fnB){
                        fnB.call(
                            null, arguments[0], arguments[1], arguments[2]);
                    }
                };
                var fnA = ezEditConfig.on_after_selected_row;
                ezEditConfig.on_after_selected_row = function(){
                    onAfterSelection(arguments[0], arguments[1], arguments[2]);
                    if(fnA){
                        fnA.call(
                            null, arguments[0], arguments[1], arguments[2]);
                    }
                };
            } else {
                var fnD = ezEditConfig.on_before_selected_cell;
                ezEditConfig.on_before_selected_cell = function(){
                    onBeforeSelection(arguments[0], arguments[1], arguments[2]);
                    if(fnD){
                        fnD.call(
                            null, arguments[0], arguments[1], arguments[2]);
                    }
                };
                var fnC = ezEditConfig.on_after_selected_cell;
                ezEditConfig.on_after_selected_cell = function(){
                    onAfterSelection(arguments[0], arguments[1], arguments[2]);
                    if(fnC){
                        fnC.call(
                            null, arguments[0], arguments[1], arguments[2]);
                    }
                };
            }
        }
        if(o.editable){
            //Added or removed rows, TF rows number needs to be re-calculated
            var fnE = ezEditConfig.on_added_dom_row;
            ezEditConfig.on_added_dom_row = function(){
                o.nbFilterableRows++;
                if(!o.paging){ o.RefreshNbRows(); }
                else {
                    o.nbRows++;
                    o.nbVisibleRows++;
                    o.nbFilterableRows++;
                    o.paging=false;
                    o.RemovePaging();
                    o.AddPaging(false);
                }
                if(o.alternateBgs){
                    o.SetAlternateRows();
                }
                if(fnE){
                    fnE.call(null, arguments[0], arguments[1], arguments[2]);
                }
            };
            if(ezEditConfig.actions && ezEditConfig.actions['delete']){
                var fnF = ezEditConfig.actions['delete'].on_after_submit;
                ezEditConfig.actions['delete'].on_after_submit = function(){
                    o.nbFilterableRows--;
                    if(!o.paging){ o.RefreshNbRows(); }
                    else {
                        o.nbRows--;
                        o.nbVisibleRows--;
                        o.nbFilterableRows--;
                        o.paging=false;
                        o.RemovePaging();
                        o.AddPaging(false);
                    }
                    if(o.alternateBgs){
                        o.SetAlternateRows();
                    }
                    if(fnF){
                        fnF.call(null, arguments[0], arguments[1]);
                    }
                };
            }
        }

        try{
            o.ezEditTable = new EditTable(o.id, ezEditConfig, startRow);
            o.ezEditTable.Init();
        } catch(e) { console.log(ezEditConfig.err); }
    },

    /*====================================================
        - Generates paging elements:
            - pages drop-down list
            - previous, next, first, last buttons
    =====================================================*/
    SetPaging: function(){
        if(!this.hasGrid && !this.isFirstLoad || !this.paging ||
            (!this.isPagingRemoved && !this.isFirstLoad)){
            return;
        }

        var f = this.fObj;
        //id of container element
        this.pagingTgtId = f.paging_target_id || null;
        //defines table paging length
        this.pagingLength = !isNaN(f.paging_length) ? f.paging_length : 10;
        //id of container element
        this.resultsPerPageTgtId = f.results_per_page_target_id || null;
        //css class for paging select element
        this.pgSlcCssClass = f.paging_slc_css_class || 'pgSlc';
        //css class for paging input element
        this.pgInpCssClass = f.paging_inp_css_class || 'pgNbInp';
        //defines css class for results per page select
        this.resultsSlcCssClass = f.results_slc_css_class || 'rspg';
        //css class for label preceding results per page select
        this.resultsSpanCssClass = f.results_span_css_class || 'rspgSpan';
        //nb visible rows
        this.nbVisibleRows = 0;
        //nb hidden rows
        this.nbHiddenRows = 0;
        //1st row index of current page
        this.startPagingRow = 0;
        //total nb of pages
        this.nbPages = 0;
        //defines next page button text
        this.btnNextPageText = f.btn_next_page_text || '>';
        //defines previous page button text
        this.btnPrevPageText = f.btn_prev_page_text || '<';
        //defines last page button text
        this.btnLastPageText = f.btn_last_page_text || '>|';
        //defines first page button text
        this.btnFirstPageText = f.btn_first_page_text || '|<';
        //defines next page button html
        this.btnNextPageHtml = f.btn_next_page_html ||
            (!this.enableIcons ? null :
            '<input type="button" value="" class="'+this.btnPageCssClass +
            ' nextPage" title="Next page" />');
        //defines previous page button html
        this.btnPrevPageHtml = f.btn_prev_page_html ||
            (!this.enableIcons ? null :
            '<input type="button" value="" class="'+this.btnPageCssClass +
            ' previousPage" title="Previous page" />');
        //defines last page button html
        this.btnFirstPageHtml = f.btn_first_page_html ||
            (!this.enableIcons ? null :
            '<input type="button" value="" class="'+this.btnPageCssClass +
            ' firstPage" title="First page" />');
        //defines previous page button html
        this.btnLastPageHtml = f.btn_last_page_html ||
            (!this.enableIcons ? null :
            '<input type="button" value="" class="'+this.btnPageCssClass +
            ' lastPage" title="Last page" />');
        //defines text preceeding page selector drop-down
        this.pageText = f.page_text || ' Page ';
        //defines text after page selector drop-down
        this.ofText = f.of_text || ' of ';
        //css class for span containing tot nb of pages
        this.nbPgSpanCssClass = f.nb_pages_css_class || 'nbpg';
        //enables/disables paging buttons
        this.hasPagingBtns = f.paging_btns===false ? false : true;
        //stores paging buttons events
        this.pagingBtnEvents = null;
        //defines previous page button html
        this.pageSelectorType = f.page_selector_type || this.fltTypeSlc;
        //calls function before page is changed
        this.onBeforeChangePage = types.isFn(f.on_before_change_page) ?
            f.on_before_change_page : null;
        //calls function before page is changed
        this.onAfterChangePage = types.isFn(f.on_after_change_page) ?
            f.on_after_change_page : null;
        var start_row = this.refRow;
        var nrows = this.nbRows;
        //calculates page nb
        this.nbPages = Math.ceil((nrows-start_row)/this.pagingLength);

        //Paging elements events
        if(!this.Evt._Paging.next){
            var o = this;
            this.Evt._Paging = {// paging buttons events
                slcIndex: function(){
                    return (o.pageSelectorType===o.fltTypeSlc) ?
                        o.pagingSlc.options.selectedIndex :
                        parseInt(o.pagingSlc.value,10)-1;
                },
                nbOpts: function(){
                    return (o.pageSelectorType===o.fltTypeSlc) ?
                        parseInt(o.pagingSlc.options.length,10)-1 :
                        (o.nbPages-1);
                },
                next: function(){
                    if(o.Evt._Paging.nextEvt){
                        o.Evt._Paging.nextEvt();
                    }
                    var nextIndex =
                        o.Evt._Paging.slcIndex()<o.Evt._Paging.nbOpts() ?
                        o.Evt._Paging.slcIndex()+1 : 0;
                    o.ChangePage(nextIndex);
                },
                prev: function(){
                    if(o.Evt._Paging.prevEvt){
                        o.Evt._Paging.prevEvt();
                    }
                    var prevIndex = o.Evt._Paging.slcIndex()>0 ?
                        o.Evt._Paging.slcIndex()-1 : o.Evt._Paging.nbOpts();
                    o.ChangePage(prevIndex);
                },
                last: function(){
                    if(o.Evt._Paging.lastEvt) o.Evt._Paging.lastEvt();
                    o.ChangePage(o.Evt._Paging.nbOpts());
                },
                first: function(){
                    if(o.Evt._Paging.firstEvt){
                        o.Evt._Paging.firstEvt();
                    }
                    o.ChangePage(0);
                },
                _detectKey: function(e){
                    var evt = e || global.event;
                    if(evt){
                        var key = o.Evt.getKeyCode(e);
                        if(key===13){
                            if(o.sorted){
                                o.Filter();
                                o.ChangePage(o.Evt._Paging.slcIndex());
                            } else{
                                o.ChangePage();
                            }
                            this.blur();
                        }
                    }
                },
                nextEvt: null,
                prevEvt: null,
                lastEvt: null,
                firstEvt: null
            };
        }

        /*====================================================
            - onchange event for paging select
        =====================================================*/
        if(!this.Evt._OnSlcPagesChange){
            this.Evt._OnSlcPagesChange = function(){
                if(o.Evt._Paging._OnSlcPagesChangeEvt){
                    o.Evt._Paging._OnSlcPagesChangeEvt();
                }
                o.ChangePage();
                this.blur();
                //ie only: blur is not enough...
                if(this.parentNode && TF.isIE){
                    this.parentNode.focus();
                }
            };
        }

        var slcPages;

        // Paging drop-down list selector
        if(this.pageSelectorType === this.fltTypeSlc){
            slcPages = dom.create(
                this.fltTypeSlc, ['id',this.prfxSlcPages+this.id]);
            slcPages.className = this.pgSlcCssClass;
            slcPages.onchange = this.Evt._OnSlcPagesChange;
        }

        // Paging input selector
        if(this.pageSelectorType === this.fltTypeInp){
            slcPages = dom.create(
                this.fltTypeInp,
                ['id',this.prfxSlcPages+this.id],
                ['value',this.currentPageNb]
            );
            slcPages.className = this.pgInpCssClass;
            slcPages.onkeypress = this.Evt._Paging._detectKey;
        }

        // btns containers
        var btnNextSpan = dom.create(
            'span',['id',this.prfxBtnNextSpan+this.id]);
        var btnPrevSpan = dom.create(
            'span',['id',this.prfxBtnPrevSpan+this.id]);
        var btnLastSpan = dom.create(
            'span',['id',this.prfxBtnLastSpan+this.id]);
        var btnFirstSpan = dom.create(
            'span',['id',this.prfxBtnFirstSpan+this.id]);

        if(this.hasPagingBtns){
            // Next button
            if(!this.btnNextPageHtml){
                var btn_next = dom.create(
                    this.fltTypeInp,['id',this.prfxBtnNext+this.id],
                    ['type','button'],
                    ['value',this.btnNextPageText],
                    ['title','Next']
                );
                btn_next.className = this.btnPageCssClass;
                btn_next.onclick = this.Evt._Paging.next;
                btnNextSpan.appendChild(btn_next);
            } else {
                btnNextSpan.innerHTML = this.btnNextPageHtml;
                btnNextSpan.onclick = this.Evt._Paging.next;
            }
            // Previous button
            if(!this.btnPrevPageHtml){
                var btn_prev = dom.create(
                    this.fltTypeInp,
                    ['id',this.prfxBtnPrev+this.id],
                    ['type','button'],
                    ['value',this.btnPrevPageText],
                    ['title','Previous']
                );
                btn_prev.className = this.btnPageCssClass;
                btn_prev.onclick = this.Evt._Paging.prev;
                btnPrevSpan.appendChild(btn_prev);
            } else {
                btnPrevSpan.innerHTML = this.btnPrevPageHtml;
                btnPrevSpan.onclick = this.Evt._Paging.prev;
            }
            // Last button
            if(!this.btnLastPageHtml){
                var btn_last = dom.create(
                    this.fltTypeInp,
                    ['id',this.prfxBtnLast+this.id],
                    ['type','button'],
                    ['value',this.btnLastPageText],
                    ['title','Last']
                );
                btn_last.className = this.btnPageCssClass;
                btn_last.onclick = this.Evt._Paging.last;
                btnLastSpan.appendChild(btn_last);
            } else {
                btnLastSpan.innerHTML = this.btnLastPageHtml;
                btnLastSpan.onclick = this.Evt._Paging.last;
            }
            // First button
            if(!this.btnFirstPageHtml){
                var btn_first = dom.create(
                    this.fltTypeInp,
                    ['id',this.prfxBtnFirst+this.id],
                    ['type','button'],
                    ['value',this.btnFirstPageText],
                    ['title','First']
                );
                btn_first.className = this.btnPageCssClass;
                btn_first.onclick = this.Evt._Paging.first;
                btnFirstSpan.appendChild(btn_first);
            } else {
                btnFirstSpan.innerHTML = this.btnFirstPageHtml;
                btnFirstSpan.onclick = this.Evt._Paging.first;
            }
        }

        // paging elements (buttons+drop-down list) are added to defined element
        if(!this.pagingTgtId){
            this.SetTopDiv();
        }
        var targetEl = !this.pagingTgtId ? this.mDiv : TF.id(this.pagingTgtId);

        /***
        if paging previously removed this prevents IE memory leak with
        removeChild used in RemovePaging method. For more info refer to
        http://forums.microsoft.com/MSDN/ShowPost.aspx?PostID=2840253&SiteID=1
        ***/
        if (targetEl.innerHTML!==''){
            targetEl.innerHTML = '';
        }
        /*** ***/

        targetEl.appendChild(btnFirstSpan);
        targetEl.appendChild(btnPrevSpan);

        var pgBeforeSpan = dom.create(
            'span',['id',this.prfxPgBeforeSpan+this.id] );
        pgBeforeSpan.appendChild( dom.text(this.pageText) );
        pgBeforeSpan.className = this.nbPgSpanCssClass;
        targetEl.appendChild(pgBeforeSpan);
        targetEl.appendChild(slcPages);
        var pgAfterSpan = dom.create(
            'span',['id',this.prfxPgAfterSpan+this.id]);
        pgAfterSpan.appendChild( dom.text(this.ofText) );
        pgAfterSpan.className = this.nbPgSpanCssClass;
        targetEl.appendChild(pgAfterSpan);
        var pgspan = dom.create( 'span',['id',this.prfxPgSpan+this.id] );
        pgspan.className = this.nbPgSpanCssClass;
        pgspan.appendChild( dom.text(' '+this.nbPages+' ') );
        targetEl.appendChild(pgspan);
        targetEl.appendChild(btnNextSpan);
        targetEl.appendChild(btnLastSpan);
        this.pagingSlc = TF.id(this.prfxSlcPages+this.id);

        // if this.rememberGridValues==true this.SetPagingInfo() is called
        // in ResetGridValues() method
        if(!this.rememberGridValues || this.isPagingRemoved){
            this.SetPagingInfo();
        }
        if(!this.fltGrid){
            this.ValidateAllRows();
            this.SetPagingInfo(this.validRowsIndex);
        }

        this.pagingBtnEvents = this.Evt._Paging;
        this.isPagingRemoved = false;
    },

    /*====================================================
        - Removes paging elements
    =====================================================*/
    RemovePaging: function(){
        if(!this.hasGrid || !this.pagingSlc){
            return;
        }

        // btns containers
        var btnNextSpan, btnPrevSpan, btnLastSpan, btnFirstSpan;
        var pgBeforeSpan, pgAfterSpan, pgspan;
        btnNextSpan = TF.id(this.prfxBtnNextSpan+this.id);
        btnPrevSpan = TF.id(this.prfxBtnPrevSpan+this.id);
        btnLastSpan = TF.id(this.prfxBtnLastSpan+this.id);
        btnFirstSpan = TF.id(this.prfxBtnFirstSpan+this.id);
        //span containing 'Page' text
        pgBeforeSpan = TF.id(this.prfxPgBeforeSpan+this.id);
        //span containing 'of' text
        pgAfterSpan = TF.id(this.prfxPgAfterSpan+this.id);
        //span containing nb of pages
        pgspan = TF.id(this.prfxPgSpan+this.id);

        this.pagingSlc.parentNode.removeChild(this.pagingSlc);

        if(btnNextSpan){
            btnNextSpan.parentNode.removeChild( btnNextSpan );
        }

        if(btnPrevSpan){
            btnPrevSpan.parentNode.removeChild( btnPrevSpan );
        }

        if(btnLastSpan){
            btnLastSpan.parentNode.removeChild( btnLastSpan );
        }

        if(btnFirstSpan){
            btnFirstSpan.parentNode.removeChild( btnFirstSpan );
        }

        if(pgBeforeSpan){
            pgBeforeSpan.parentNode.removeChild( pgBeforeSpan );
        }

        if(pgAfterSpan){
            pgAfterSpan.parentNode.removeChild( pgAfterSpan );
        }

        if(pgspan){
            pgspan.parentNode.removeChild( pgspan );
        }

        this.pagingBtnEvents = null;
        this.pagingSlc = null;
        this.isPagingRemoved = true;
    },

    /*====================================================
        - calculates page # according to valid rows
        - refreshes paging select according to page #
        - Calls GroupByPage method
    =====================================================*/
    SetPagingInfo: function(validRows){
        var rows = this.tbl.rows;
        var mdiv = !this.pagingTgtId ? this.mDiv : TF.id(this.pagingTgtId);
        var pgspan = TF.id(this.prfxPgSpan+this.id);
        //stores valid rows indexes
        if(validRows && validRows.length>0){
            this.validRowsIndex = validRows;
        } else {
            //re-sets valid rows indexes array
            this.validRowsIndex = [];

            //counts rows to be grouped
            for(var j=this.refRow; j<this.nbRows; j++){
                var row = rows[j];
                if(!row){
                    continue;
                }
                var isRowValid = row.getAttribute('validRow');
                if(isRowValid==='true' || !isRowValid){
                    this.validRowsIndex.push(j);
                }
            }
        }

        //calculate nb of pages
        this.nbPages = Math.ceil(this.validRowsIndex.length/this.pagingLength);
        //refresh page nb span
        pgspan.innerHTML = this.nbPages;
        //select clearing shortcut
        if(this.pageSelectorType===this.fltTypeSlc){
            this.pagingSlc.innerHTML = '';
        }

        if(this.nbPages>0){
            mdiv.style.visibility = 'visible';
            if(this.pageSelectorType===this.fltTypeSlc){
                for(var z=0; z<this.nbPages; z++){
                    var currOpt = new Option(
                        (z+1),
                        z*this.pagingLength,
                        false,
                        false
                    );
                    this.pagingSlc.options[z] = currOpt;
                }
            } else{
                //input type
                this.pagingSlc.value = this.currentPageNb;
            }

        } else {
            /*** if no results paging select and buttons are hidden ***/
            mdiv.style.visibility = 'hidden';
        }
        this.GroupByPage(this.validRowsIndex);
    },

    /*====================================================
        - Displays current page rows
    =====================================================*/
    GroupByPage: function(validRows){
        var rows = this.tbl.rows;
        var paging_end_row = parseInt(this.startPagingRow, 10) +
            parseInt(this.pagingLength, 10);

        //store valid rows indexes
        if(validRows){
            this.validRowsIndex = validRows;
        }

        //this loop shows valid rows of current page
        for(var h=0; h<this.validRowsIndex.length; h++){
            var r = rows[ this.validRowsIndex[h] ];
            if(h>=this.startPagingRow && h<paging_end_row){
                if(r.getAttribute('validRow')==='true' ||
                    !r.getAttribute('validRow')){
                    r.style.display = '';
                }
                if(this.alternateBgs){
                    this.SetRowBg(this.validRowsIndex[h], h);
                }
            } else {
                r.style.display = 'none';
                if(this.alternateBgs){
                    this.RemoveRowBg(this.validRowsIndex[h]);
                }
            }
        }

        this.nbVisibleRows = this.validRowsIndex.length;
        this.isStartBgAlternate = false;
        //re-applies filter behaviours after filtering process
        this.ApplyGridProps();
    },

    /*====================================================
        - If paging set true shows page according to
        param value (string or number):
            - strings: 'next','previous','last','first' or
            - number: page number
    =====================================================*/
    SetPage: function(cmd){
        if(!this.hasGrid || !this.paging){
            return;
        }
        var btnEvt = this.pagingBtnEvents,
            cmdtype = typeof cmd;
        if(cmdtype==='string'){
            switch(str.lower(cmd)){
                case 'next':
                    btnEvt.next();
                break;
                case 'previous':
                    btnEvt.prev();
                break;
                case 'last':
                    btnEvt.last();
                break;
                case 'first':
                    btnEvt.first();
                break;
                default:
                    btnEvt.next();
                break;
            }
        }
        if(cmdtype==='number'){
            this.ChangePage(cmd-1);
        }
    },

    /*====================================================
        - Generates results per page select + label
    =====================================================*/
    SetResultsPerPage: function(){
        if(!this.hasGrid && !this.isFirstLoad){
            return;
        }
        if(this.resultsPerPageSlc || !this.resultsPerPage){
            return;
        }

        //Change nb results per page event
        if(!this.Evt._OnSlcResultsChange){
            var o = this;
            /*====================================================
                - onchange event for results per page select
            =====================================================*/
            this.Evt._OnSlcResultsChange = function(){
                o.ChangeResultsPerPage();
                this.blur();
                //ie only: blur is not enough...
                if(this.parentNode && TF.isIE){
                    this.parentNode.focus();
                }
            };
        }

        var slcR = dom.create(
            this.fltTypeSlc, ['id',this.prfxSlcResults+this.id]);
        slcR.className = this.resultsSlcCssClass;
        var slcRText = this.resultsPerPage[0],
            slcROpts = this.resultsPerPage[1];
        var slcRSpan = dom.create(
            'span',['id',this.prfxSlcResultsTxt+this.id]);
        slcRSpan.className = this.resultsSpanCssClass;

        // results per page select is added to external element
        if(!this.resultsPerPageTgtId){
            this.SetTopDiv();
        }
        var targetEl = !this.resultsPerPageTgtId ?
            this.rDiv : TF.id( this.resultsPerPageTgtId );
        slcRSpan.appendChild(dom.text(slcRText));
        targetEl.appendChild(slcRSpan);
        targetEl.appendChild(slcR);

        this.resultsPerPageSlc = TF.id(this.prfxSlcResults+this.id);

        for(var r=0; r<slcROpts.length; r++)
        {
            var currOpt = new Option(slcROpts[r],slcROpts[r],false,false);
            this.resultsPerPageSlc.options[r] = currOpt;
        }
        slcR.onchange = this.Evt._OnSlcResultsChange;
    },

    /*====================================================
        - Removes results per page select + label
    =====================================================*/
    RemoveResultsPerPage: function(){
        if(!this.hasGrid || !this.resultsPerPageSlc || !this.resultsPerPage){
            return;
        }
        var slcR = this.resultsPerPageSlc,
            slcRSpan = TF.id(this.prfxSlcResultsTxt+this.id);
        if(slcR){
            slcR.parentNode.removeChild( slcR );
        }
        if(slcRSpan){
            slcRSpan.parentNode.removeChild( slcRSpan );
        }
        this.resultsPerPageSlc = null;
    },

    /*====================================================
        - Generates help instructions
    =====================================================*/
    SetHelpInstructions: function(){
        if(this.helpInstrBtnEl){
            return;
        }
        var f = this.fObj;
        //id of custom container element for instructions
        this.helpInstrTgtId = f.help_instructions_target_id || null;
        //id of custom container element for instructions
        this.helpInstrContTgtId = f.help_instructions_container_target_id ||
            null;
        //defines help text
        this.helpInstrText = f.help_instructions_text  ?
            f.help_instructions_text :
            'Use the filters above each column to filter and limit table ' +
            'data. Avanced searches can be performed by using the following ' +
            'operators: <br /><b>&lt;</b>, <b>&lt;=</b>, <b>&gt;</b>, ' +
            '<b>&gt;=</b>, <b>=</b>, <b>*</b>, <b>!</b>, <b>{</b>, <b>}</b>, ' +
            '<b>||</b>,<b>&amp;&amp;</b>, <b>[empty]</b>, <b>[nonempty]</b>, ' +
            '<b>rgx:</b><br/> These operators are described here:<br/>' +
            '<a href="http://tablefilter.free.fr/#operators" ' +
            'target="_blank">http://tablefilter.free.fr/#operators</a><hr/>';
        //defines help innerHtml
        this.helpInstrHtml = f.help_instructions_html || null;
        //defines reset button text
        this.helpInstrBtnText = f.help_instructions_btn_text || '?';
        //defines reset button innerHtml
        this.helpInstrBtnHtml = f.help_instructions_btn_html || null;
        //defines css class for help button
        this.helpInstrBtnCssClass = f.help_instructions_btn_css_class ||
            'helpBtn';
        //defines css class for help container
        this.helpInstrContCssClass = f.help_instructions_container_css_class ||
            'helpCont';
        //help button element
        this.helpInstrBtnEl = null;
         //help content div
        this.helpInstrContEl = null;
        this.helpInstrDefaultHtml = '<div class="helpFooter"><h4>HTML Table ' +
            'Filter Generator v. '+ this.version +'</h4>' +
            '<a href="http://tablefilter.free.fr" target="_blank">' +
            'http://tablefilter.free.fr</a><br/>' +
            '<span>&copy;2009-'+ this.year +' Max Guglielmi.</span>' +
            '<div align="center" style="margin-top:8px;">' +
            '<a href="javascript:;" onclick="window[\'tf_'+ this.id +
            '\']._ToggleHelp();">Close</a></div></div>';

        var helpspan = dom.create('span',['id',this.prfxHelpSpan+this.id]);
        var helpdiv = dom.create('div',['id',this.prfxHelpDiv+this.id]);

        //help button is added to defined element
        if(!this.helpInstrTgtId){
            this.SetTopDiv();
        }
        var targetEl = !this.helpInstrTgtId ?
            this.rDiv : TF.id(this.helpInstrTgtId);
        targetEl.appendChild(helpspan);

        var divContainer = !this.helpInstrContTgtId ?
            helpspan : TF.id( this.helpInstrContTgtId );

        if(!this.helpInstrBtnHtml){
            divContainer.appendChild(helpdiv);
            var helplink = dom.create('a', ['href', 'javascript:void(0);']);
            helplink.className = this.helpInstrBtnCssClass;
            helplink.appendChild(dom.text(this.helpInstrBtnText));
            helpspan.appendChild(helplink);
            helplink.onclick = this.Evt._OnHelpBtnClick;
        } else {
            helpspan.innerHTML = this.helpInstrBtnHtml;
            var helpEl = helpspan.firstChild;
            helpEl.onclick = this.Evt._OnHelpBtnClick;
            divContainer.appendChild(helpdiv);
        }

        if(!this.helpInstrHtml){
            helpdiv.innerHTML = this.helpInstrText;
            helpdiv.className = this.helpInstrContCssClass;
            helpdiv.ondblclick = this.Evt._OnHelpBtnClick;
        } else {
            if(this.helpInstrContTgtId) divContainer.appendChild(helpdiv);
            helpdiv.innerHTML = this.helpInstrHtml;
            if(!this.helpInstrContTgtId){
                helpdiv.className = this.helpInstrContCssClass;
                helpdiv.ondblclick = this.Evt._OnHelpBtnClick;
            }
        }
        helpdiv.innerHTML += this.helpInstrDefaultHtml;
        this.helpInstrContEl = helpdiv;
        this.helpInstrBtnEl = helpspan;
    },

    /*====================================================
        - Removes help instructions
    =====================================================*/
    RemoveHelpInstructions: function() {
        if(!this.helpInstrBtnEl){
            return;
        }
        this.helpInstrBtnEl.parentNode.removeChild(this.helpInstrBtnEl);
        this.helpInstrBtnEl = null;
        if(!this.helpInstrContEl){
            return;
        }
        this.helpInstrContEl.parentNode.removeChild(this.helpInstrContEl);
        this.helpInstrContEl = null;
    },

    /*====================================================
        - Toggles help div
    =====================================================*/
    _ToggleHelp: function(){
        if(!this.helpInstrContEl){
            return;
        }
        var divDisplay = this.helpInstrContEl.style.display;
        if(divDisplay==='' || divDisplay==='none'){
            this.helpInstrContEl.style.display = 'block';
            var btnLeft = dom.position(this.helpInstrBtnEl).left;
            if(!this.helpInstrContTgtId){
                this.helpInstrContEl.style.left =
                    (btnLeft - this.helpInstrContEl.clientWidth + 25) + 'px';
            }
        } else {
            this.helpInstrContEl.style.display = 'none';
        }
    },

    ChangePage: function(index){
        this.EvtManager(this.Evt.name.changepage,{ pgIndex:index });
    },
    /*====================================================
        - Changes page
        - Param:
            - index: option index of paging select
            (numeric value)
    =====================================================*/
    _ChangePage: function(index){
        if(!this.paging){
            return;
        }
        if(!index){
            index = this.pageSelectorType===this.fltTypeSlc ?
                this.pagingSlc.options.selectedIndex : (this.pagingSlc.value-1);
        }
        if( index>=0 && index<=(this.nbPages-1) ){
            if(this.onBeforeChangePage){
                this.onBeforeChangePage.call(null, this, index);
            }
            this.currentPageNb = parseInt(index, 10)+1;
            if(this.pageSelectorType===this.fltTypeSlc){
                this.pagingSlc.options[index].selected = true;
            } else {
                this.pagingSlc.value = this.currentPageNb;
            }

            if(this.rememberPageNb){
                this.RememberPageNb(this.pgNbCookie);
            }
            this.startPagingRow = (this.pageSelectorType===this.fltTypeSlc) ?
                this.pagingSlc.value : (index*this.pagingLength);
            this.GroupByPage();
            if(this.onAfterChangePage){
                this.onAfterChangePage.call(null, this, index);
            }
        }
    },

    ChangeResultsPerPage: function(){
        this.EvtManager(this.Evt.name.changeresultsperpage);
    },
    /*====================================================
        - calculates rows to be displayed in a page
        - method called by nb results per page select
    =====================================================*/
    _ChangeResultsPerPage: function(){
        if(!this.paging){
            return;
        }
        var slcR = this.resultsPerPageSlc;
        var slcPagesSelIndex = (this.pageSelectorType==this.fltTypeSlc) ?
                this.pagingSlc.selectedIndex :
                parseInt(this.pagingSlc.value-1,10);
        this.pagingLength = parseInt(slcR.options[slcR.selectedIndex].value,10);
        this.startPagingRow = this.pagingLength*slcPagesSelIndex;

        if(!isNaN(this.pagingLength)){
            if(this.startPagingRow>=this.nbFilterableRows){
                this.startPagingRow = (this.nbFilterableRows-this.pagingLength);
            }
            this.SetPagingInfo();

            if(this.pageSelectorType===this.fltTypeSlc){
                var slcIndex =
                    (this.pagingSlc.options.length-1<=slcPagesSelIndex ) ?
                    (this.pagingSlc.options.length-1) : slcPagesSelIndex;
                this.pagingSlc.options[slcIndex].selected = true;
            }
            if(this.rememberPageLen){
                this.RememberPageLength( this.pgLenCookie );
            }
        }
    },

    ResetPage: function(name){
        this.EvtManager(this.Evt.name.resetpage);
    },
    /*==============================================
        - re-sets page nb at page re-load
        - Params:
            - name: cookie name (string)
    ===============================================*/
    _ResetPage: function(name){
        var pgnb = cookie.read(name);
        if(pgnb!==''){
            this.ChangePage((pgnb-1));
        }
    },

    ResetPageLength: function(name){
        this.EvtManager(this.Evt.name.resetpagelength);
    },
    /*==============================================
        - re-sets page length at page re-load
        - Params:
            - name: cookie name (string)
    ===============================================*/
    _ResetPageLength: function(name){
        if(!this.paging){
            return;
        }
        var pglenIndex = cookie.read(name);

        if(pglenIndex!==''){
            this.resultsPerPageSlc.options[pglenIndex].selected = true;
            this.ChangeResultsPerPage();
        }
    },

    /*====================================================
        - Adds paging feature if filter grid bar is
        already set
        - Param(s):
            - execFilter: if true table is filtered
            (boolean)
    =====================================================*/
    AddPaging: function(filterTable){
        if(!this.hasGrid || this.paging){
            return;
        }
        this.paging = true;
        this.isPagingRemoved = true;
        this.SetPaging();
        this.ResetValues();
        if(filterTable){
            this.Filter();
        }
    },

    PopulateSelect: function(colIndex,isExternal,extSlcId){
        this.EvtManager(
            this.Evt.name.populateselect,
            { slcIndex:colIndex, slcExternal:isExternal, slcId:extSlcId }
        );
    },

    /*====================================================
        - populates drop-down filters
    =====================================================*/
    _PopulateSelect: function(colIndex,isRefreshed,isExternal,extSlcId) {
        isExternal = isExternal===undefined ? false : isExternal;
        var slcId = this.fltIds[colIndex];
        if((!TF.id(slcId) && !isExternal) ||
            (!TF.id(extSlcId) && isExternal)){
            return;
        }
        var slc = !isExternal ? TF.id(slcId) : TF.id(extSlcId),
            o = this,
            row = this.tbl.rows,
            matchCase = this.matchCase,
            fillMethod = str.lower(this.slcFillingMethod),
            optArray = [],
            slcInnerHtml = '',
            opt0,
            //custom select test
            isCustomSlc = (this.hasCustomSlcOptions &&
                array.has(this.customSlcOptions.cols, colIndex));
        //custom selects text
        var optTxt = [],
            activeFlt;
        if(isRefreshed && this.activeFilterId){
            activeFlt = this.activeFilterId.split('_')[0];
            activeFlt = activeFlt.split(this.prfxFlt)[1];
        }

        /*** remember grid values ***/
        var flts_values = [], fltArr = [];
        if(this.rememberGridValues){
            flts_values = cookie.valueToArray(
                this.fltsValuesCookie, this.separator);
            if(flts_values && !str.isEmpty(flts_values.toString())){
                if(isCustomSlc){
                    fltArr.push(flts_values[colIndex]);
                } else {
                    fltArr = flts_values[colIndex].split(' '+o.orOperator+' ');
                }
            }
        }

        var excludedOpts = null,
            filteredDataCol = null;
        if(isRefreshed && this.disableExcludedOptions){
            excludedOpts = [];
            filteredDataCol = [];
        }

        for(var k=this.refRow; k<this.nbRows; k++){
            // always visible rows don't need to appear on selects as always
            // valid
            if(this.hasVisibleRows && array.has(this.visibleRows, k) &&
                !this.paging){
                continue;
            }

            var cell = row[k].cells,
                nchilds = cell.length;

            // checks if row has exact cell #
            if(nchilds === this.nbCells && !isCustomSlc){
                // this loop retrieves cell data
                for(var j=0; j<nchilds; j++){
                    if((colIndex===j &&
                        (!isRefreshed ||
                            (isRefreshed && this.disableExcludedOptions))) ||
                        (colIndex==j && isRefreshed &&
                            ((row[k].style.display === '' && !this.paging) ||
                        (this.paging && (!this.validRowsIndex ||
                            (this.validRowsIndex &&
                                array.has(this.validRowsIndex, k))) &&
                            ((activeFlt===undefined || activeFlt==colIndex)  ||
                                (activeFlt!=colIndex &&
                                    array.has(this.validRowsIndex, k) ))) ))){
                        var cell_data = this.GetCellData(j, cell[j]),
                            //Vary Peter's patch
                            cell_string = str.matchCase(cell_data, matchCase);

                        // checks if celldata is already in array
                        if(!array.has(optArray, cell_string, matchCase)){
                            optArray.push(cell_data);
                        }

                        if(isRefreshed && this.disableExcludedOptions){
                            var filteredCol = filteredDataCol[j];
                            if(!filteredCol){
                                filteredCol = this.GetFilteredDataCol(j);
                            }
                            if(!array.has(filteredCol,cell_string, matchCase) &&
                                !array.has(
                                    excludedOpts,cell_string,matchCase) &&
                                !this.isFirstLoad){
                                excludedOpts.push(cell_data);
                            }
                        }
                    }//if colIndex==j
                }//for j
            }//if
        }//for k

        //Retrieves custom values
        if(isCustomSlc){
            var customValues = this.__getCustomValues(colIndex);
            optArray = customValues[0];
            optTxt = customValues[1];
        }

        if(this.sortSlc && !isCustomSlc){
            if (!matchCase){
                optArray.sort(ignoreCaseSort);
                if(excludedOpts) excludedOpts.sort(ignoreCaseSort);
            } else {
                optArray.sort();
                if(excludedOpts){ excludedOpts.sort(); }
            }
        }

        //asc sort
        if(this.sortNumAsc && array.has(this.sortNumAsc, colIndex)){
            try{
                optArray.sort( numSortAsc );
                if(excludedOpts){
                    excludedOpts.sort( numSortAsc );
                }
                if(isCustomSlc){
                    optTxt.sort( numSortAsc );
                }
            } catch(e) {
                optArray.sort();
                if(excludedOpts){
                    excludedOpts.sort();
                }
                if(isCustomSlc){
                    optTxt.sort();
                }
            }//in case there are alphanumeric values
        }
        //desc sort
        if(this.sortNumDesc && array.has(this.sortNumDesc, colIndex)){
            try{
                optArray.sort( numSortDesc );
                if(excludedOpts){
                    excludedOpts.sort( numSortDesc );
                }
                if(isCustomSlc){
                    optTxt.sort( numSortDesc );
                }
            } catch(e) {
                optArray.sort();
                if(excludedOpts){ excludedOpts.sort(); }
                if(isCustomSlc){
                    optTxt.sort();
                }
            }//in case there are alphanumeric values
        }

        AddOpts();//populates drop-down

        // adds 1st option
        function AddOpt0(){
            if(fillMethod === 'innerhtml'){
                slcInnerHtml +='<option value="">'+o.displayAllText+'</option>';
            }
            else {
                var opt0 = dom.createOpt(
                    (!o.enableSlcResetFilter ? '' : o.displayAllText),'');
                if(!o.enableSlcResetFilter){
                    opt0.style.display = 'none';
                }
                slc.appendChild(opt0);
                if(o.enableEmptyOption){
                    var opt1 = dom.createOpt(o.emptyText,o.emOperator);
                    slc.appendChild(opt1);
                }
                if(o.enableNonEmptyOption){
                    var opt2 = dom.createOpt(o.nonEmptyText,o.nmOperator);
                    slc.appendChild(opt2);
                }
            }
        }

        // populates select
        function AddOpts(){
            var slcValue = slc.value;
            slc.innerHTML = '';
            AddOpt0();

            for(var y=0; y<optArray.length; y++){
                if(optArray[y]===''){
                    continue;
                }
                var val = optArray[y]; //option value
                var lbl = isCustomSlc ? optTxt[y] : val; //option text
                var isDisabled = false;
                if(isRefreshed && o.disableExcludedOptions &&
                    array.has(excludedOpts,
                        str.matchCase(val, o.matchCase), o.matchCase)){
                    isDisabled = true;
                }

                if(fillMethod === 'innerhtml'){
                    var slcAttr = '';
                    if(o.fillSlcOnDemand && slcValue==optArray[y]){
                        slcAttr = 'selected="selected"';
                    }
                    slcInnerHtml += '<option value="'+val+'" ' + slcAttr +
                        (isDisabled ? 'disabled="disabled"' : '')+ '>' +
                        lbl+'</option>';
                } else {
                    var opt;
                    //fill select on demand
                    if(o.fillSlcOnDemand && slcValue==optArray[y] &&
                        o['col'+colIndex]===o.fltTypeSlc){
                        opt = dom.createOpt(lbl, val, true);
                    } else {
                        if(o['col'+colIndex]!=o.fltTypeMulti){
                            opt = dom.createOpt(
                                lbl,
                                val,
                                (flts_values[colIndex]!==' ' &&
                                    val==flts_values[colIndex]) ? true : false
                            );
                        } else {
                            opt = dom.createOpt(
                                lbl,
                                val,
                                (array.has(fltArr,
                                    str.matchCase(optArray[y],o.matchCase),
                                    o.matchCase) ||
                                  fltArr.toString().indexOf(val)!== -1) ?
                                    true : false
                            );
                        }
                    }
                    if(isDisabled){
                        opt.disabled = true;
                    }
                    slc.appendChild(opt);
                }
            }// for y

            if(fillMethod === 'innerhtml'){
                slc.innerHTML += slcInnerHtml;
            }
            slc.setAttribute('filled','1');
        }// fn AddOpt
    },

    /*====================================================
        - IE bug: it seems there is no way to make
        multiple selections programatically, only last
        selection is kept (multiple select previously
        populated via DOM)
        - Work-around: defer selection with a setTimeout
        If you find a more elegant solution to
        this let me know ;-)
        - For the moment only this solution seems to work!
        - Params:
            - slc = select object (select obj)
            - index to be selected (integer)
            - execute filtering (boolean)
    =====================================================*/
    __deferMultipleSelection: function(slc,index,filter){
        if(str.lower(slc.nodeName)!=='select'){
            return;
        }
        var doFilter = filter===undefined ? false : filter;
        var o = this;
        global.setTimeout(function(){
            slc.options[0].selected = false;

            if(slc.options[index].value==='')
                slc.options[index].selected = false;
            else
            slc.options[index].selected = true;
            if(doFilter) o.Filter();
        }, 0.1);
    },

    /*====================================================
        - Returns an array [[values],[texts]] with
        custom values for a given filter
        - Param: column index (integer)
    =====================================================*/
    __getCustomValues: function(colIndex){
        if(!colIndex){
            return;
        }
        //custom select test
        var isCustomSlc = this.hasCustomSlcOptions &&
                array.has(this.customSlcOptions.cols, colIndex);
        if(!isCustomSlc){
            return;
        }
        var optTxt = [], optArray = [];
        var index = array.indexByValue(this.customSlcOptions.cols, colIndex);
        var slcValues = this.customSlcOptions.values[index];
        var slcTexts = this.customSlcOptions.texts[index];
        var slcSort = this.customSlcOptions.sorts[index];
        for(var r=0; r<slcValues.length; r++){
            optArray.push(slcValues[r]);
            if(slcTexts[r]){
                optTxt.push(slcTexts[r]);
            } else {
                optTxt.push(slcValues[r]);
            }
        }
        if(slcSort){
            optArray.sort();
            optTxt.sort();
        }
        return [optArray,optTxt];
    },

    PopulateCheckList: function(colIndex, isExternal, extFltId){
        this.EvtManager(
            this.Evt.name.populatechecklist,
            { slcIndex:colIndex, slcExternal:isExternal, slcId:extFltId }
        );
    },

    /*====================================================
        - populates checklist filters
    =====================================================*/
    _PopulateCheckList: function(colIndex, isExternal, extFltId){
        isExternal = !isExternal ? false : isExternal;
        var divFltId = this.prfxCheckListDiv+colIndex+'_'+this.id;
        if(!TF.id(divFltId) && !isExternal){
            return;
        }
        if(!TF.id(extFltId) && isExternal){
            return;
        }
        var flt = !isExternal ? this.checkListDiv[colIndex] : TF.id(extFltId);
        var ul = dom.create('ul',
                ['id',this.fltIds[colIndex]], ['colIndex',colIndex]);
        ul.className = this.checkListCssClass;
        ul.onchange = this.Evt._OnCheckListChange;
        var o = this, row = this.tbl.rows;
        var optArray = [];
        //custom select test
        var isCustomSlc = (this.hasCustomSlcOptions &&
                array.has(this.customSlcOptions.cols, colIndex));
        //custom selects text
        var optTxt = [],
            activeFlt;
        if(this.refreshFilters && this.activeFilterId){
            activeFlt = this.activeFilterId.split('_')[0];
            activeFlt = activeFlt.split(this.prfxFlt)[1];
        }

        var excludedOpts,
            filteredDataCol = [];
        if(this.refreshFilters && this.disableExcludedOptions){
            excludedOpts = [];
        }

        for(var k=this.refRow; k<this.nbRows; k++){
            // always visible rows don't need to appear on selects as always
            // valid
            if(this.hasVisibleRows && array.has(this.visibleRows, k) &&
                !this.paging){
                continue;
            }

            var cells = row[k].cells;
            var ncells = cells.length;

            // checks if row has exact cell #
            if(ncells == this.nbCells && !isCustomSlc){
                // this loop retrieves cell data
                for(var j=0; j<ncells; j++){
                    if((colIndex===j && (!this.refreshFilters ||
                        (this.refreshFilters && this.disableExcludedOptions)))||
                        (colIndex===j && this.refreshFilters &&
                        ((row[k].style.display === '' && !this.paging) ||
                        (this.paging && ((!activeFlt || activeFlt===colIndex )||
                        (activeFlt!=colIndex &&
                            array.has(this.validRowsIndex, k))) )))){
                        var cell_data = this.GetCellData(j, cells[j]);
                        //Vary Peter's patch
                        var cell_string =
                                str.matchCase(cell_data, this.matchCase);
                        // checks if celldata is already in array
                        if(!array.has(optArray, cell_string, this.matchCase)){
                            optArray.push(cell_data);
                        }
                        var filteredCol = filteredDataCol[j];
                        if(this.refreshFilters && this.disableExcludedOptions){
                            if(!filteredCol){
                                filteredDataCol[j] = this.GetFilteredDataCol(j);
                            }
                            if(!array.has(filteredCol,
                                    cell_string,this.matchCase) &&
                                !array.has(excludedOpts,
                                    cell_string,this.matchCase) &&
                                !this.isFirstLoad){
                                excludedOpts.push(cell_data);
                            }
                        }
                    }
                }
            }
        }

        //Retrieves custom values
        if(isCustomSlc){
            var customValues = this.__getCustomValues(colIndex);
            optArray = customValues[0];
            optTxt = customValues[1];
        }

        if(this.sortSlc && !isCustomSlc){
            if (!this.matchCase){
                optArray.sort(ignoreCaseSort);
                if(excludedOpts){
                    excludedOpts.sort(ignoreCaseSort);
                }
            } else {
                optArray.sort();
                if(excludedOpts){ excludedOpts.sort(); }
            }
        }
        //asc sort
        if(this.sortNumAsc && array.has(this.sortNumAsc, colIndex)){
            try{
                optArray.sort( numSortAsc );
                if(excludedOpts){
                    excludedOpts.sort( numSortAsc );
                }
                if(isCustomSlc){
                    optTxt.sort( numSortAsc );
                }
            } catch(e) {
                optArray.sort(); if(excludedOpts){ excludedOpts.sort(); }
                if(isCustomSlc){
                    optTxt.sort();
                }
            }//in case there are alphanumeric values
        }
        //desc sort
        if(this.sortNumDesc && array.has(this.sortNumDesc, colIndex)){
            try{
                optArray.sort( numSortDesc );
                if(excludedOpts){
                    excludedOpts.sort( numSortDesc );
                }
                if(isCustomSlc){
                    optTxt.sort( numSortDesc );
                }
            } catch(e) {
                optArray.sort(); if(excludedOpts){ excludedOpts.sort(); }
                if(isCustomSlc){
                    optTxt.sort();
                }
            }//in case there are alphanumeric values
        }

        AddChecks(this.separator);

        // adds 1st option
        function AddTChecks(){
            var chkCt = 1;
            var li0 = dom.createCheckItem(
                        o.fltIds[colIndex]+'_0', '', o.displayAllText);
            li0.className = o.checkListItemCssClass;
            ul.appendChild(li0);
            li0.check.onclick = function(e){
                o.__setCheckListValues(this);
                ul.onchange.call(null, e);
            };
            if(!o.enableCheckListResetFilter){
                li0.style.display = 'none';
            }
            //IE: label looses check capability
            if(TF.isIE){
                li0.label.onclick = function(){ li0.check.click(); };
            }

            if(o.enableEmptyOption){
                var li1 = dom.createCheckItem(
                        o.fltIds[colIndex]+'_1', o.emOperator, o.emptyText);
                li1.className = o.checkListItemCssClass;
                ul.appendChild(li1);
                li1.check.onclick = function(e){
                    o.__setCheckListValues(this);
                    ul.onchange.call(null, e);
                };
                //IE: label looses check capability
                if(TF.isIE){
                    li1.label.onclick = function(){ li1.check.click(); };
                }
                chkCt++;
            }

            if(o.enableNonEmptyOption){
                var li2 = dom.createCheckItem(
                    o.fltIds[colIndex]+'_2',
                    o.nmOperator,
                    o.nonEmptyText
                );
                li2.className = o.checkListItemCssClass;
                ul.appendChild(li2);
                li2.check.onclick = function(e){
                    o.__setCheckListValues(this);
                    ul.onchange.call(null, e);
                };
                //IE: label looses check capability
                if(TF.isIE)
                {
                    li2.label.onclick = function(){ li2.check.click(); };
                }
                chkCt++;
            }
            return chkCt;
        }

        function AddChecks(separator){
            var chkCt = AddTChecks();

            var flts_values = [], fltArr = []; //remember grid values
            var tmpVal = cookie.getValueByIndex(
                            o.fltsValuesCookie, colIndex, separator);
            if(tmpVal && str.trim(tmpVal).length > 0){
                if(o.hasCustomSlcOptions &&
                    array.has(o.customSlcOptions.cols, colIndex)){
                    fltArr.push(tmpVal);
                } else {
                    fltArr = tmpVal.split(' '+o.orOperator+' ');
                }
            }

            function optionClick(evt){
                o.__setCheckListValues(this);
                ul.onchange.call(null, evt);
            }

            for(var y=0; y<optArray.length; y++){
                var val = optArray[y]; //item value
                var lbl = isCustomSlc ? optTxt[y] : val; //item text
                var li = dom.createCheckItem(
                            o.fltIds[colIndex]+'_'+(y+chkCt), val, lbl);
                li.className = o.checkListItemCssClass;
                if(o.refreshFilters && o.disableExcludedOptions &&
                    array.has(excludedOpts,
                            str.matchCase(val, o.matchCase), o.matchCase)){
                        dom.addClass(li, o.checkListItemDisabledCssClass);
                        li.check.disabled = true;
                        li.disabled = true;
                } else{
                    li.check.onclick = optionClick;
                }
                ul.appendChild(li);

                if(val===''){
                    //item is hidden
                    li.style.display = 'none';
                }

                /*** remember grid values ***/
                if(o.rememberGridValues){
                    if((o.hasCustomSlcOptions &&
                        array.has(o.customSlcOptions.cols, colIndex) &&
                        fltArr.toString().indexOf(val)!= -1) ||
                        array.has(fltArr,
                            str.matchCase(val, o.matchCase), o.matchCase)){
                        li.check.checked = true;
                        o.__setCheckListValues(li.check);
                    }
                }
                //IE: label looses check capability
                if(TF.isIE){
                    li.label.onclick = labelClick;
                }
            }
            function labelClick(){
                this.firstChild.click();
            }
        }

        if(this.fillSlcOnDemand){
            flt.innerHTML = '';
        }
        flt.appendChild(ul);
        flt.setAttribute('filled','1');

        /*** remember grid values IE only, items remain un-checked ***/
        if(o.rememberGridValues && TF.isIE){
            var slcIndexes = ul.getAttribute('indexes');
            if(slcIndexes){
                var indSplit = slcIndexes.split(',');//items indexes
                for(var n=0; n<indSplit.length; n++){
                    //checked item
                    var cChk = TF.id(this.fltIds[colIndex]+'_'+indSplit[n]);
                    if(cChk){
                        cChk.checked = true;
                    }
                }
            }
        }
    },

    /*====================================================
        - Sets checked items information of a checklist
    =====================================================*/
    __setCheckListValues: function(o){
        if(!o){
            return;
        }
        var chkValue = o.value; //checked item value
        var chkIndex = parseInt(o.id.split('_')[2], 10);
        var filterTag = 'ul', itemTag = 'li';
        var n = o;

        //ul tag search
        while(str.lower(n.nodeName)!==filterTag){
            n = n.parentNode;
        }

        var li = n.childNodes[chkIndex];
        var colIndex = n.getAttribute('colIndex');
        var fltValue = n.getAttribute('value'); //filter value (ul tag)
        var fltIndexes = n.getAttribute('indexes'); //selected items (ul tag)

        if(o.checked){
            //show all item
            if(chkValue===''){
                if((fltIndexes && fltIndexes!=='')){
                    //items indexes
                    var indSplit = fltIndexes.split(this.separator);
                    //checked items loop
                    for(var u=0; u<indSplit.length; u++){
                        //checked item
                        var cChk = TF.id(this.fltIds[colIndex]+'_'+indSplit[u]);
                        if(cChk){
                            cChk.checked = false;
                            dom.removeClass(
                                n.childNodes[indSplit[u]],
                                this.checkListSlcItemCssClass
                            );
                        }
                    }
                }
                n.setAttribute('value', '');
                n.setAttribute('indexes', '');

            } else {
                fltValue = (fltValue) ? fltValue : '';
                chkValue = str.trim(
                    fltValue+' '+chkValue+' '+this.orOperator);
                chkIndex = fltIndexes + chkIndex + this.separator;
                n.setAttribute('value', chkValue );
                n.setAttribute('indexes', chkIndex);
                //1st option unchecked
                if(TF.id(this.fltIds[colIndex]+'_0')){
                    TF.id(this.fltIds[colIndex]+'_0').checked = false;
                }
            }

            if(str.lower(li.nodeName) === itemTag){
                dom.removeClass(
                    n.childNodes[0],this.checkListSlcItemCssClass);
                dom.addClass(li,this.checkListSlcItemCssClass);
            }
        } else { //removes values and indexes
            if(chkValue!==''){
                var replaceValue = new RegExp(
                        str.rgxEsc(chkValue+' '+this.orOperator));
                fltValue = fltValue.replace(replaceValue,'');
                n.setAttribute('value', str.trim(fltValue));

                var replaceIndex = new RegExp(
                        str.rgxEsc(chkIndex + this.separator));
                fltIndexes = fltIndexes.replace(replaceIndex,'');
                n.setAttribute('indexes', fltIndexes);
            }
            if(str.lower(li.nodeName)===itemTag){
                dom.removeClass(li,this.checkListSlcItemCssClass);
            }
        }
    },

    /*====================================================
        - Generates reset button
    =====================================================*/
    SetResetBtn: function(){
        if(!this.hasGrid && !this.isFirstLoad && this.btnResetEl){
            return;
        }

        var f = this.fObj;
        //id of container element
        this.btnResetTgtId = f.btn_reset_target_id || null;
        //reset button element
        this.btnResetEl = null;
        //defines reset text
        this.btnResetText = f.btn_reset_text || 'Reset';
        //defines reset button tooltip
        this.btnResetTooltip = f.btn_reset_tooltip || 'Clear filters';
        //defines reset button innerHtml
        this.btnResetHtml = f.btn_reset_html ||
            (!this.enableIcons ? null :
            '<input type="button" value="" class="'+this.btnResetCssClass+'" ' +
            'title="'+this.btnResetTooltip+'" />');

        var resetspan = dom.create('span', ['id',this.prfxResetSpan+this.id]);

        // reset button is added to defined element
        if(!this.btnResetTgtId){
            this.SetTopDiv();
        }
        var targetEl = !this.btnResetTgtId ? this.rDiv :
                TF.id( this.btnResetTgtId );
        targetEl.appendChild(resetspan);

        if(!this.btnResetHtml){
            var fltreset = dom.create('a', ['href', 'javascript:void(0);']);
            fltreset.className = this.btnResetCssClass;
            fltreset.appendChild(dom.text(this.btnResetText));
            resetspan.appendChild(fltreset);
            fltreset.onclick = this.Evt._Clear;
        } else {
            resetspan.innerHTML = this.btnResetHtml;
            var resetEl = resetspan.firstChild;
            resetEl.onclick = this.Evt._Clear;
        }
        this.btnResetEl = TF.id(this.prfxResetSpan+this.id).firstChild;
    },

    /*====================================================
        - Removes reset button
    =====================================================*/
    RemoveResetBtn: function(){
        if(!this.hasGrid || !this.btnResetEl){
            return;
        }
        var resetspan = TF.id(this.prfxResetSpan+this.id);
        if(resetspan){
            resetspan.parentNode.removeChild( resetspan );
        }
        this.btnResetEl = null;
    },

    /*====================================================
        - Generates status bar label
    =====================================================*/
    SetStatusBar: function(){
        if(!this.hasGrid && !this.isFirstLoad){
            return;
        }
        var f = this.fObj;
        //id of custom container element
        this.statusBarTgtId = f.status_bar_target_id || null;
        //element containing status bar label
        this.statusBarDiv = null;
        //status bar
        this.statusBarSpan = null;
        //status bar label
        this.statusBarSpanText = null;
        //defines status bar text
        this.statusBarText = f.status_bar_text || '';
        //defines css class status bar
        this.statusBarCssClass = f.status_bar_css_class || 'status';
        //delay for status bar clearing
        this.statusBarCloseDelay =  250;
        //status bar container
        var statusDiv = dom.create('div', ['id',this.prfxStatus+this.id]);
        statusDiv.className = this.statusBarCssClass;
        //status bar label
        var statusSpan = dom.create(
                'span', ['id',this.prfxStatusSpan+this.id]);
        //preceding text
        var statusSpanText = dom.create(
                'span', ['id',this.prfxStatusTxt+this.id]);
        statusSpanText.appendChild(dom.text(this.statusBarText));
        //calls function before message is displayed
        this.onBeforeShowMsg = types.isFn(f.on_before_show_msg) ?
            f.on_before_show_msg : null;
        //calls function after message is displayed
        this.onAfterShowMsg = types.isFn(f.on_after_show_msg) ?
            f.on_after_show_msg : null;

        // target element container
        if(!this.statusBarTgtId){
            this.SetTopDiv();
        }
        var targetEl = (!this.statusBarTgtId) ?
            this.lDiv : TF.id(this.statusBarTgtId);

        if(this.statusBarDiv && TF.isIE){
            this.statusBarDiv.outerHTML = '';
        }

        //default container: 'lDiv'
        if(!this.statusBarTgtId){
            statusDiv.appendChild(statusSpanText);
            statusDiv.appendChild(statusSpan);
            targetEl.appendChild(statusDiv);
        } else {
            // custom container, no need to append statusDiv
            targetEl.appendChild(statusSpanText);
            targetEl.appendChild(statusSpan);
        }

        this.statusBarDiv = TF.id( this.prfxStatus+this.id );
        this.statusBarSpan = TF.id( this.prfxStatusSpan+this.id );
        this.statusBarSpanText = TF.id( this.prfxStatusTxt+this.id );
    },

    /*====================================================
        - Removes status bar div
    =====================================================*/
    RemoveStatusBar: function(){
        if(!this.hasGrid && !this.statusBarDiv){
            return;
        }

        this.statusBarDiv.innerHTML = '';
        this.statusBarDiv.parentNode.removeChild(this.statusBarDiv);
        this.statusBarSpan = null;
        this.statusBarSpanText = null;
        this.statusBarDiv = null;
    },

    /*====================================================
        - sets status messages
    =====================================================*/
    StatusMsg: function(t){
        if(!t){
            this.StatusMsg('');
        }
        if(this.status){ this.WinStatusMsg(t); }
        if(this.statusBar){ this.StatusBarMsg(t); }
    },

    /*====================================================
        - sets window status messages
    =====================================================*/
    WinStatusMsg: function(t){
        if(!this.status){
            return;
        }
        if(this.onBeforeShowMsg){ this.onBeforeShowMsg.call(null, this, t); }
        global.status = t;
        if(this.onAfterShowMsg){ this.onAfterShowMsg.call(null, this, t); }
    },

    /*====================================================
        - sets status bar messages
    =====================================================*/
    StatusBarMsg: function(t){
        if(!this.statusBar || !this.statusBarSpan){
            return;
        }
        if(this.onBeforeShowMsg){ this.onBeforeShowMsg.call(null, this, t); }
        var o = this;
        function setMsg(){
            o.statusBarSpan.innerHTML = t;
            if(o.onAfterShowMsg){ o.onAfterShowMsg.call(null, o, t); }
        }
        var d = t==='' ? this.statusBarCloseDelay : 1;
        global.setTimeout(setMsg, d);
    },

    /*====================================================
        - Generates rows counter label
    =====================================================*/
    SetRowsCounter: function(){
        if((!this.hasGrid && !this.isFirstLoad) || this.rowsCounterSpan){
            return;
        }
        var f = this.fObj;
        //id of custom container element
        this.rowsCounterTgtId = f.rows_counter_target_id || null;
        //element containing tot nb rows
        this.rowsCounterDiv = null;
        //element containing tot nb rows label
        this.rowsCounterSpan = null;
        //defines rows counter text
        this.rowsCounterText = f.rows_counter_text || 'Rows: ';
        this.fromToTextSeparator = f.from_to_text_separator || '-';
        this.overText = f.over_text || ' / ';
        //defines css class rows counter
        this.totRowsCssClass = f.tot_rows_css_class || 'tot';
        //callback raised before counter is refreshed
        this.onBeforeRefreshCounter =
            types.isFn(f.on_before_refresh_counter) ?
                f.on_before_refresh_counter : null;
        //callback raised after counter is refreshed
        this.onAfterRefreshCounter = types.isFn(f.on_after_refresh_counter) ?
            f.on_after_refresh_counter : null;
        //rows counter container
        var countDiv = dom.create('div', ['id',this.prfxCounter+this.id]);
        countDiv.className = this.totRowsCssClass;
        //rows counter label
        var countSpan = dom.create('span',['id',this.prfxTotRows+this.id]);
        var countText = dom.create('span',['id',this.prfxTotRowsTxt+this.id]);
        countText.appendChild(dom.text(this.rowsCounterText));

        // counter is added to defined element
        if(!this.rowsCounterTgtId){
            this.SetTopDiv();
        }
        var targetEl = !this.rowsCounterTgtId ?
                this.lDiv : TF.id( this.rowsCounterTgtId );

        //IE only: clears all for sure
        if(this.rowsCounterDiv && TF.isIE){
            this.rowsCounterDiv.outerHTML = '';
        }
        //default container: 'lDiv'
        if(!this.rowsCounterTgtId){
            countDiv.appendChild(countText);
            countDiv.appendChild(countSpan);
            targetEl.appendChild(countDiv);
        }
        else{
            //custom container, no need to append statusDiv
            targetEl.appendChild(countText);
            targetEl.appendChild(countSpan);
        }
        this.rowsCounterDiv = TF.id( this.prfxCounter+this.id );
        this.rowsCounterSpan = TF.id( this.prfxTotRows+this.id );

        this.RefreshNbRows();
    },

    /*====================================================
        - Removes rows counter label
    =====================================================*/
    RemoveRowsCounter: function(){
        if(!this.hasGrid){
            return;
        }
        if(!this.rowsCounterSpan){
            return;
        }

        if(!this.rowsCounterTgtId && this.rowsCounterDiv){
            //IE only: clears all for sure
            if(TF.isIE){
                this.rowsCounterDiv.outerHTML = '';
            } else {
                this.rowsCounterDiv.parentNode.removeChild(this.rowsCounterDiv);
            }
        } else {
            TF.id( this.rowsCounterTgtId ).innerHTML = '';
        }
        this.rowsCounterSpan = null;
        this.rowsCounterDiv = null;
    },

    /*====================================================
        - Shows total number of filtered rows
    =====================================================*/
    RefreshNbRows: function(p){
        if(!this.rowsCounterSpan){
            return;
        }
        if(this.onBeforeRefreshCounter){
            this.onBeforeRefreshCounter.call(null, this, this.rowsCounterSpan);
        }
        var totTxt;
        if(!this.paging){
            if(p && p!==''){
                totTxt=p;
            } else{
                totTxt = this.nbFilterableRows - this.nbHiddenRows -
                    (this.hasVisibleRows ? this.visibleRows.length : 0);
            }
        } else {
            //paging start row
            var paging_start_row = parseInt(this.startPagingRow,10) +
                    ((this.nbVisibleRows>0) ? 1 : 0);
            var paging_end_row = (paging_start_row+this.pagingLength)-1 <=
                    this.nbVisibleRows ? paging_start_row+this.pagingLength-1 :
                    this.nbVisibleRows;
            totTxt = paging_start_row + this.fromToTextSeparator +
                paging_end_row + this.overText + this.nbVisibleRows;
        }
        this.rowsCounterSpan.innerHTML = totTxt;
        if(this.onAfterRefreshCounter){
            this.onAfterRefreshCounter.call(
                null, this, this.rowsCounterSpan, totTxt);
        }
    },

    /*====================================================
        - inserts or removes input watermark
        - Params:
            - set: if true inserts watermark (boolean)
    =====================================================*/
    SetWatermark: function(set){
        if(!this.fltGrid && this.inpWatermark===''){
            return;
        }

        set = set===undefined ? true : set;
        for(var i=0; i<this.fltIds.length; i++){
            //only input type filters
            if(this['col'+i]!==this.fltTypeInp){
                continue;
            }
            var inpWatermark = !this.isInpWatermarkArray ?
                    this.inpWatermark : this.inpWatermark[i];
            if(this.GetFilterValue(i)===(set ? '' : inpWatermark)){
                this.SetFilterValue(i, (!set ? '' : inpWatermark));
                dom.addClass(
                    this.GetFilterElement(i), this.inpWatermarkCssClass);
            }
        }
    },

    /*====================================================
        - generates a grid with fixed headers
    =====================================================*/
    SetGridLayout: function(){
        if(!this.gridLayout){
            return;
        }
        var f = this.fObj;
        //defines grid width
        this.gridWidth = f.grid_width || null;
        //defines grid height
        this.gridHeight = f.grid_height || null;
        //defines css class for main container
        this.gridMainContCssClass = f.grid_cont_css_class || 'grd_Cont';
        //defines css class for div containing table
        this.gridContCssClass = f.grid_tbl_cont_css_class || 'grd_tblCont';
        //defines css class for div containing headers' table
        this.gridHeadContCssClass = f.grid_tblHead_cont_css_class ||
            'grd_headTblCont';
        //defines css class for div containing rows counter, paging etc.
        this.gridInfDivCssClass = f.grid_inf_grid_css_class || 'grd_inf';
        //defines which row contains column headers
        this.gridHeadRowIndex = f.grid_headers_row_index || 0;
        //array of headers row indexes to be placed in header table
        this.gridHeadRows = f.grid_headers_rows || [0];
        //generate filters in table headers
        this.gridEnableFilters = f.grid_enable_default_filters!==undefined ?
            f.grid_enable_default_filters : true;
        //default col width
        this.gridDefaultColWidth = f.grid_default_col_width || '100px';
        //enables/disables columns resizer
        this.gridEnableColResizer = f.grid_enable_cols_resizer!==undefined ?
            f.grid_enable_cols_resizer : true;
        //defines col resizer script path
        this.gridColResizerPath = f.grid_cont_col_resizer_path ||
            this.basePath+'TFExt_ColsResizer/TFExt_ColsResizer.js';

        // in case column widths are not set default width 100px
        if(!this.hasColWidth){
            this.colWidth = [];
            for(var k=0; k<this.nbCells; k++){
                var colW,
                    cell = this.tbl.rows[this.gridHeadRowIndex].cells[k];
                if(cell.width!==''){
                    colW = cell.width;
                } else if(cell.style.width!==''){
                    colW = parseInt(cell.style.width, 10);
                } else {
                    colW = this.gridDefaultColWidth;
                }
                this.colWidth[k] = colW;
            }
            this.hasColWidth = true;
        }
        this.SetColWidths(this.gridHeadRowIndex);

        var tblW;//initial table width
        if(this.tbl.width!==''){
            tblW = this.tbl.width;
        }
        else if(this.tbl.style.width!==''){
            tblW = parseInt(this.tbl.style.width, 10);
        } else {
            tblW = this.tbl.clientWidth;
        }

        //Main container: it will contain all the elements
        this.tblMainCont = dom.create(
            'div',['id', this.prfxMainTblCont + this.id]);
        this.tblMainCont.className = this.gridMainContCssClass;
        if(this.gridWidth){
            this.tblMainCont.style.width = this.gridWidth;
        }
        this.tbl.parentNode.insertBefore(this.tblMainCont, this.tbl);

        //Table container: div wrapping content table
        this.tblCont = dom.create('div',['id', this.prfxTblCont + this.id]);
        this.tblCont.className = this.gridContCssClass;
        if(this.gridWidth){
            this.tblCont.style.width = this.gridWidth;
        }
        if(this.gridHeight){
            this.tblCont.style.height = this.gridHeight;
        }
        this.tbl.parentNode.insertBefore(this.tblCont, this.tbl);
        var t = this.tbl.parentNode.removeChild(this.tbl);
        this.tblCont.appendChild(t);

        //In case table width is expressed in %
        if(this.tbl.style.width === ''){
            this.tbl.style.width = (this.__containsStr('%', tblW) ?
                this.tbl.clientWidth : tblW) + 'px';
        }

        var d = this.tblCont.parentNode.removeChild(this.tblCont);
        this.tblMainCont.appendChild(d);

        //Headers table container: div wrapping headers table
        this.headTblCont = dom.create(
            'div',['id', this.prfxHeadTblCont + this.id]);
        this.headTblCont.className = this.gridHeadContCssClass;
        if(this.gridWidth){
            this.headTblCont.style.width = this.gridWidth;
        }

        //Headers table
        this.headTbl = dom.create('table',['id', this.prfxHeadTbl + this.id]);
        var tH = dom.create('tHead'); //IE<7 needs it

        //1st row should be headers row, ids are added if not set
        //Those ids are used by the sort feature
        var hRow = this.tbl.rows[this.gridHeadRowIndex];
        var sortTriggers = [];
        for(var n=0; n<this.nbCells; n++){
            var c = hRow.cells[n];
            var thId = c.getAttribute('id');
            if(!thId || thId===''){
                thId = this.prfxGridTh+n+'_'+this.id;
                c.setAttribute('id', thId);
            }
            sortTriggers.push(thId);
        }

        //Filters row is created
        var filtersRow = dom.create('tr');
        if(this.gridEnableFilters && this.fltGrid){
            this.externalFltTgtIds = [];
            for(var j=0; j<this.nbCells; j++){
                var fltTdId = this.prfxFlt+j+ this.prfxGridFltTd +this.id;
                var cl = dom.create(this.fltCellTag, ['id', fltTdId]);
                filtersRow.appendChild(cl);
                this.externalFltTgtIds[j] = fltTdId;
            }
        }
        //Headers row are moved from content table to headers table
        for(var i=0; i<this.gridHeadRows.length; i++){
            var headRow = this.tbl.rows[this.gridHeadRows[0]];
            tH.appendChild(headRow);
        }
        this.headTbl.appendChild(tH);
        if(this.filtersRowIndex === 0){
            tH.insertBefore(filtersRow,hRow);
        } else {
            tH.appendChild(filtersRow);
        }

        this.headTblCont.appendChild(this.headTbl);
        this.tblCont.parentNode.insertBefore(this.headTblCont, this.tblCont);

        //THead needs to be removed in content table for sort feature
        var thead = TF.tag(this.tbl,'thead');
        if(thead.length>0){
            this.tbl.removeChild(thead[0]);
        }

        //Headers table style
        this.headTbl.style.width = this.tbl.style.width;
        this.headTbl.style.tableLayout = 'fixed';
        this.tbl.style.tableLayout = 'fixed';
        this.headTbl.cellPadding = this.tbl.cellPadding;
        this.headTbl.cellSpacing = this.tbl.cellSpacing;

        //Headers container width
        this.headTblCont.style.width = this.tblCont.clientWidth+'px';

        //content table without headers needs col widths to be reset
        this.SetColWidths();

        this.tbl.style.width = '';
        if(TF.isIE){
            this.headTbl.style.width = '';
        }

        //scroll synchronisation
        var o = this; //TF object
        this.tblCont.onscroll = function(){
            o.headTblCont.scrollLeft = this.scrollLeft;
            var _o = this; //this = scroll element
            //New pointerX calc taking into account scrollLeft
            if(!o.isPointerXOverwritten){
                try{
                    TF.Evt.pointerX = function(e){
                        e = e || global.event;
                        var scrollLeft = tf_StandardBody().scrollLeft +
                                _o.scrollLeft;
                        return (e.pageX + _o.scrollLeft) ||
                            (e.clientX + scrollLeft);
                    };
                    o.isPointerXOverwritten = true;
                } catch(err) {
                    o.isPointerXOverwritten = false;
                }
            }
        };

        //Sort is enabled if not specified in config object
        if(f.sort !== false){
            this.sort = true;
            this.sortConfig.asyncSort = true;
            this.sortConfig.triggerIds = sortTriggers;
        }

        if(this.gridEnableColResizer){
            if(!this.hasExtensions){
                this.extensions = {
                    name:['ColumnsResizer_'+this.id],
                    src:[this.gridColResizerPath],
                    description:['Columns Resizing'],
                    initialize:[function(o){
                        o.SetColsResizer('ColumnsResizer_'+o.id);}]
                };
                this.hasExtensions = true;
            } else {
                if(!this.__containsStr(
                    'colsresizer',
                    str.lower(this.extensions.src.toString())) ){
                    this.extensions.name.push('ColumnsResizer_'+this.id);
                    this.extensions.src.push(this.gridColResizerPath);
                    this.extensions.description.push('Columns Resizing');
                    this.extensions.initialize.push(function(o){
                        o.SetColsResizer('ColumnsResizer_'+o.id);});
                }
            }
        }

        //Default columns resizer properties for grid layout
        f.col_resizer_cols_headers_table = this.headTbl.getAttribute('id');
        f.col_resizer_cols_headers_index = this.gridHeadRowIndex;
        f.col_resizer_width_adjustment = 0;
        f.col_enable_text_ellipsis = false;

        //Cols generation for all browsers excepted IE<=7
        o.tblHasColTag = TF.tag(o.tbl,'col').length > 0 ? true : false;
        if(!TF.isIE){
            //Col elements are enough to keep column widths after sorting and
            //filtering
            var createColTags = function(o){
                if(!o){
                    return;
                }
                for(var k=(o.nbCells-1); k>=0; k--){
                    var col = dom.create( 'col', ['id', o.id+'_col_'+k]);
                    o.tbl.firstChild.parentNode.insertBefore(
                        col,o.tbl.firstChild);
                    col.style.width = o.colWidth[k];
                    o.gridColElms[k] = col;
                }
                o.tblHasColTag = true;
            };
            if(!o.tblHasColTag){
                createColTags(o);
            } else {
                var cols = TF.tag(o.tbl,'col');
                for(var ii=0; ii<o.nbCells; ii++){
                    cols[ii].setAttribute('id', o.id+'_col_'+ii);
                    cols[ii].style.width = o.colWidth[ii];
                    o.gridColElms.push(cols[ii]);
                }
            }
        }

        //IE <= 7 needs an additional row for widths as col element width is
        //not enough...
        if(TF.isIE){
            var tbody = TF.tag(o.tbl,'tbody'),
                r;
            if( tbody.length>0 ){
                r = tbody[0].insertRow(0);
            } else{
                r = o.tbl.insertRow(0);
            }
            r.style.height = '0px';
            for(var x=0; x<o.nbCells; x++){
                var col = dom.create('td', ['id', o.id+'_col_'+x]);
                col.style.width = o.colWidth[x];
                o.tbl.rows[1].cells[x].style.width = '';
                r.appendChild(col);
                o.gridColElms.push(col);
            }
            this.hasGridWidthsRow = true;
            //Data table row with widths expressed
            o.leadColWidthsRow = o.tbl.rows[0];
            o.leadColWidthsRow.setAttribute('validRow','false');

            var beforeSortFn = types.isFn(f.on_before_sort) ?
                f.on_before_sort : null;
            f.on_before_sort = function(o,colIndex){
                o.leadColWidthsRow.setAttribute('validRow','false');
                if(beforeSortFn){
                    beforeSortFn.call(null,o,colIndex);
                }
            };

            var afterSortFn = types.isFn(f.on_after_sort) ?
                f.on_after_sort : null;
            f.on_after_sort = function(o,colIndex){
                if(o.leadColWidthsRow.rowIndex !== 0){
                    var r = o.leadColWidthsRow;
                    if(tbody.length>0){
                        tbody[0].moveRow(o.leadColWidthsRow.rowIndex, 0);
                    } else {
                        o.tbl.moveRow(o.leadColWidthsRow.rowIndex, 0);
                    }
                }
                if(afterSortFn){
                    afterSortFn.call(null,o,colIndex);
                }
            };
        }

        var afterColResizedFn = types.isFn(f.on_after_col_resized) ?
            f.on_after_col_resized : null;
        f.on_after_col_resized = function(o,colIndex){
            if(!colIndex){
                return;
            }
            var w = o.crWColsRow.cells[colIndex].style.width;
            var col = o.gridColElms[colIndex];
            col.style.width = w;

            var thCW = o.crWColsRow.cells[colIndex].clientWidth;
            var tdCW = o.crWRowDataTbl.cells[colIndex].clientWidth;

            if(TF.isIE){
                o.tbl.style.width = o.headTbl.clientWidth+'px';
            }

            if(thCW != tdCW && !TF.isIE){
                o.headTbl.style.width = o.tbl.clientWidth+'px';
            }

            if(afterColResizedFn){
                afterColResizedFn.call(null,o,colIndex);
            }
        };

        if(this.tbl.clientWidth !== this.headTbl.clientWidth){
            this.tbl.style.width = this.headTbl.clientWidth+'px';
        }

    },

    /*====================================================
        - removes the grid layout
    =====================================================*/
    RemoveGridLayout: function(){
        if(!this.gridLayout){
            return;
        }
        var t = this.tbl.parentNode.removeChild(this.tbl);
        this.tblMainCont.parentNode.insertBefore(t, this.tblMainCont);
        this.tblMainCont.parentNode.removeChild( this.tblMainCont );

        this.tblMainCont = null;
        this.headTblCont = null;
        this.headTbl = null;
        this.tblCont = null;

        this.tbl.outerHTML = this.sourceTblHtml;
        this.tbl = TF.id(this.id); //needed to keep reference
    },

    /*====================================================
        - generates popup filters div
    =====================================================*/
    SetPopupFilterIcons: function(){
        if(!this.popUpFilters){
            return;
        }
        //external filters behaviour is enabled
        this.isExternalFlt = true;
        var f = this.fObj;
        //filter icon path
        this.popUpImgFlt = f.popup_filters_image ||
            this.themesPath+'icn_filter.gif';
        //active filter icon path
        this.popUpImgFltActive = f.popup_filters_image_active ||
            this.themesPath+'icn_filterActive.gif';
        this.popUpImgFltHtml = f.popup_filters_image_html ||
            '<img src="'+ this.popUpImgFlt +'" alt="Column filter" />';
        //defines css class for popup div containing filter
        this.popUpDivCssClass = f.popup_div_css_class || 'popUpFilter';
        //callback function before popup filtes is opened
        this.onBeforePopUpOpen = types.isFn(f.on_before_popup_filter_open) ?
            f.on_before_popup_filter_open : null;
        //callback function after popup filtes is opened
        this.onAfterPopUpOpen = types.isFn(f.on_after_popup_filter_open) ?
            f.on_after_popup_filter_open : null;
        //callback function before popup filtes is closed
        this.onBeforePopUpClose =
            types.isFn(f.on_before_popup_filter_close) ?
            f.on_before_popup_filter_close : null;
        //callback function after popup filtes is closed
        this.onAfterPopUpClose = types.isFn(f.on_after_popup_filter_close) ?
            f.on_after_popup_filter_close : null;
        this.externalFltTgtIds = [];
        //stores filters spans
        this.popUpFltSpans = [];
        //stores filters icons
        this.popUpFltImgs = [];
        //stores filters containers
        this.popUpFltElms = this.popUpFltElmCache || [];
        this.popUpFltAdjustToContainer = true;

        function onClick(e){
            var evt = e || global.event,
                colIndex = parseInt(this.getAttribute('ci'), 10);

            o.CloseAllPopupFilters(colIndex);
            o.TogglePopupFilter(colIndex);

            if(o.popUpFltAdjustToContainer){
                var popUpDiv = o.popUpFltElms[colIndex],
                    header = o.GetHeaderElement(colIndex),
                    headerWidth = header.clientWidth * 0.95;
                if(TF.isIE){
                    var headerLeft = dom.position(header).left;
                    popUpDiv.style.left = (headerLeft) + 'px';
                }
                popUpDiv.style.width = parseInt(headerWidth, 10)  + 'px';
            }
            evt.cancel(evt);
            evt.stop(evt);
        }

        var o = this;
        for(var i=0; i<this.nbCells; i++){
            if(this['col'+i] == this.fltTypeNone){
                continue;
            }
            var popUpSpan = dom.create(
                    'span', ['id', this.prfxPopUpSpan+this.id+'_'+i], ['ci',i]);
            popUpSpan.innerHTML = this.popUpImgFltHtml;
            var header = this.GetHeaderElement(i);
            header.appendChild(popUpSpan);
            popUpSpan.onclick = onClick;
            this.popUpFltSpans[i] = popUpSpan;
            this.popUpFltImgs[i] = popUpSpan.firstChild;
        }
    },

    /*====================================================
        - generates all popup filters div
    =====================================================*/
    SetPopupFilters: function(){
        for(var i=0; i<this.popUpFltElmCache.length; i++){
            this.SetPopupFilter(i, this.popUpFltElmCache[i]);
        }
    },

    /*====================================================
        - generates a popup filters div for specifies
        column
    =====================================================*/
    SetPopupFilter: function(colIndex, div){
        var popUpDiv = !div ?
            dom.create('div',['id',this.prfxPopUpDiv+this.id+'_'+colIndex]) :
            div;
        popUpDiv.className = this.popUpDivCssClass;
        this.externalFltTgtIds.push(this.prfxPopUpDiv+this.id+'_'+colIndex);
        var header = this.GetHeaderElement(colIndex);
        header.insertBefore(popUpDiv, header.firstChild);
        popUpDiv.onclick = function(e){ evt.stop(e || global.event); };
        this.popUpFltElms[colIndex] = popUpDiv;
    },

    /*====================================================
        - toggles popup filters div
    =====================================================*/
    TogglePopupFilter: function(colIndex){
        var popUpFltElm = this.popUpFltElms[colIndex];
        if(popUpFltElm.style.display === 'none' ||
            popUpFltElm.style.display === ''){
            if(this.onBeforePopUpOpen){
                this.onBeforePopUpOpen.call(
                    null,this, this.popUpFltElms[colIndex],colIndex);
            }
            popUpFltElm.style.display = 'block';
            if(this['col'+colIndex] === this.fltTypeInp){
                this.GetFilterElement(colIndex).focus();
            }
            if(this.onAfterPopUpOpen){
                this.onAfterPopUpOpen.call(
                    null,this, this.popUpFltElms[colIndex],colIndex);
            }
        } else {
            if(this.onBeforePopUpClose){
                this.onBeforePopUpClose.call(
                    null,this, this.popUpFltElms[colIndex],colIndex);
            }
            popUpFltElm.style.display = 'none';
            if(this.onAfterPopUpClose){
                this.onAfterPopUpClose.call(
                    null,this, this.popUpFltElms[colIndex],colIndex);
            }
        }
    },

    /*====================================================
        - closes all popup filters
    =====================================================*/
    CloseAllPopupFilters: function(exceptColIndex){
        for(var i=0; i<this.popUpFltElms.length; i++){
            if(i === exceptColIndex){
                continue;
            }
            var popUpFltElm = this.popUpFltElms[i];
            if(popUpFltElm){
                popUpFltElm.style.display = 'none';
            }
        }
    },
    /*====================================================
        - removes popup filters div
    =====================================================*/
    RemovePopupFilters: function(){
        this.popUpFltElmCache = [];
        for(var i=0; i<this.popUpFltElms.length; i++){
            var popUpFltElm = this.popUpFltElms[i],
                popUpFltSpan = this.popUpFltSpans[i];
            if(popUpFltElm){
                popUpFltElm.parentNode.removeChild(popUpFltElm);
                this.popUpFltElmCache[i] = popUpFltElm;
            }
            popUpFltElm = null;
            if(popUpFltSpan){
                popUpFltSpan.parentNode.removeChild(popUpFltSpan);
            }
            popUpFltSpan = null;
        }
    },

    /*====================================================
        - sets inactive or active filter icon
    =====================================================*/
    SetPopupFilterIcon: function(colIndex, active){
        var activeImg = active===undefined ? true : active;
        if(this.popUpFltImgs[colIndex]){
            this.popUpFltImgs[colIndex].src = active ?
                this.popUpImgFltActive : this.popUpImgFlt;
        }
    },

    /*====================================================
        - sets inactive or active filter icon for all
        filters
    =====================================================*/
    SetAllPopupFiltersIcon: function(active){
        var activeImg = active===undefined ? false : active;
        for(var i=0; i<this.popUpFltImgs.length; i++){
            this.SetPopupFilterIcon(i, false);
        }
    },

    /*==============================================
        - stores filters' values in a cookie
        when Filter() method is called
        - Params:
            - name: cookie name (string)
        - credits to Florent Hirchy
    ===============================================*/
    RememberFiltersValue: function(name){
        var flt_values = [];
        //store filters' values
        for(var i=0; i<this.fltIds.length; i++){
            var value = this.GetFilterValue(i);
            if (value === ''){
                value = ' ';
            }
            flt_values.push(value);
        }
        //adds array size
        flt_values.push(this.fltIds.length);
        //writes cookie
        cookie.write(
            name,
            flt_values.join(this.separator),
            this.cookieDuration
        );
    },

    /*==============================================
        - stores page number value in a cookie
        when ChangePage method is called
        - Params:
            - name: cookie name (string)
    ===============================================*/
    RememberPageNb: function(name){
        cookie.write(
            name,
            this.currentPageNb,
            this.cookieDuration
        );
    },

    /*==============================================
        - stores page length value in a cookie
        when ChangePageLength method is called
        - Params:
            - name: cookie name (string)
    ===============================================*/
    RememberPageLength: function(name){
        cookie.write(
            name,
            this.resultsPerPageSlc.selectedIndex,
            this.cookieDuration
        );
    },

    ResetValues: function(){
        this.EvtManager(this.Evt.name.resetvalues);
    },

    /*==============================================
        - re-sets grid values when page is
        re-loaded. It invokes ResetGridValues,
        ResetPage and ResetPageLength methods
        - Params:
            - name: cookie name (string)
    ===============================================*/
    _ResetValues: function(){
        //only fillSlcOnDemand
        if(this.rememberGridValues && this.fillSlcOnDemand){
            this.ResetGridValues(this.fltsValuesCookie);
        }
        if(this.rememberPageLen){
            this.ResetPageLength(this.pgLenCookie);
        }
        if(this.rememberPageNb){
            this.ResetPage(this.pgNbCookie);
        }
    },

    /*==============================================
        - re-sets filters' values when page is
        re-loaded if load on demand is enabled
        - Params:
            - name: cookie name (string)
        - credits to Florent Hirchy
    ===============================================*/
    ResetGridValues: function(name){
        if(!this.fillSlcOnDemand){
            return;
        }
        var flts = cookie.read(name),
            reg = new RegExp(this.separator,'g'),
            //creates an array with filters' values
            flts_values = flts.split(reg),
            slcFltsIndex = this.GetFiltersByType(this.fltTypeSlc, true),
            multiFltsIndex = this.GetFiltersByType(this.fltTypeMulti, true);

        //if the number of columns is the same as before page reload
        if(flts_values[(flts_values.length-1)] === this.fltIds.length){
            for(var i=0; i<(flts_values.length - 1); i++){
                if(flts_values[i]===' '){
                    continue;
                }
                var s, opt;
                // if fillSlcOnDemand, drop-down needs to contain stored
                // value(s) for filtering
                if(this['col'+i]===this.fltTypeSlc ||
                    this['col'+i]===this.fltTypeMulti){
                    var slc = TF.id( this.fltIds[i] );
                    slc.options[0].selected = false;

                    //selects
                    if(array.has(slcFltsIndex, i)){
                        opt = dom.createOpt(flts_values[i],flts_values[i],true);
                        slc.appendChild(opt);
                        this.hasStoredValues = true;
                    }
                    //multiple select
                    if(array.has(multiFltsIndex, i)){
                        s = flts_values[i].split(' '+this.orOperator+' ');
                        for(j=0; j<s.length; j++){
                            if(s[j]===''){
                                continue;
                            }
                            opt = dom.createOpt(s[j],s[j],true);
                            slc.appendChild(opt);
                            this.hasStoredValues = true;

                            // IE multiple selection work-around
                            if(TF.isIE){
                                this.__deferMultipleSelection(slc,j,false);
                                hasStoredValues = false;
                            }
                        }
                    }// if multiFltsIndex
                }
                else if(this['col'+i]==this.fltTypeCheckList){
                    var divChk = this.checkListDiv[i];
                    divChk.title = divChk.innerHTML;
                    divChk.innerHTML = '';

                    var ul = dom.create(
                        'ul',['id',this.fltIds[i]],['colIndex',i]);
                    ul.className = this.checkListCssClass;

                    var li0 = dom.createCheckItem(
                        this.fltIds[i]+'_0', '', this.displayAllText);
                    li0.className = this.checkListItemCssClass;
                    ul.appendChild(li0);

                    divChk.appendChild(ul);

                    flts_values[i].split(' '+this.orOperator+' ');
                    for(j=0; j<s.length; j++){
                        if(s[j]===''){
                            continue;
                        }
                        var li = dom.createCheckItem(
                            this.fltIds[i]+'_'+(j+1), s[j], s[j]);
                        li.className = this.checkListItemCssClass;
                        ul.appendChild(li);
                        li.check.checked = true;
                        this.__setCheckListValues(li.check);
                        this.hasStoredValues = true;
                    }
                }
            }//end for

            if(!this.hasStoredValues && this.paging) this.SetPagingInfo();
        }//end if
    },

    /*====================================================
        - sets row background color
        - Params:
            - rIndex: row index (numeric value)
            - index: valid row collection index needed to
            calculate bg color
    =====================================================*/
    SetRowBg: function(rIndex,index){
        if(!this.alternateBgs || isNaN(rIndex)){
            return;
        }
        var rows = this.tbl.rows;
        var i = !index ? rIndex : index;
        this.RemoveRowBg(rIndex);
        dom.addClass(
            rows[rIndex],
            (i%2) ? this.rowBgEvenCssClass : this.rowBgOddCssClass
        );
    },

    /*====================================================
        - removes row background color
        - Params:
            - index: row index (numeric value)
    =====================================================*/
    RemoveRowBg: function(index){
        if(isNaN(index)){
            return;
        }
        var rows = this.tbl.rows;
        dom.removeClass(rows[index],this.rowBgOddCssClass);
        dom.removeClass(rows[index],this.rowBgEvenCssClass);
    },

    /*====================================================
        - alternates row colors for better readability
    =====================================================*/
    SetAlternateRows: function(){
        if(!this.hasGrid && !this.isFirstLoad){
            return;
        }
        var rows = this.tbl.rows;
        var noValidRowsIndex = this.validRowsIndex===null;
        //1st index
        var beginIndex = noValidRowsIndex ? this.refRow : 0;
        // nb indexes
        var indexLen = noValidRowsIndex ? (this.nbFilterableRows+beginIndex) :
            this.validRowsIndex.length;

        var idx = 0;
        //alternates bg color
        for(var j=beginIndex; j<indexLen; j++){
            var rIndex = (noValidRowsIndex) ? j : this.validRowsIndex[j];
            this.SetRowBg(rIndex,idx);
            idx++;
        }
    },

    /*====================================================
        - removes alternate row colors
    =====================================================*/
    RemoveAlternateRows: function(){
        if(!this.hasGrid){
            return;
        }
        var row = this.tbl.rows;
        for(var i=this.refRow; i<this.nbRows; i++){
            this.RemoveRowBg(i);
        }
        this.isStartBgAlternate = true;
    },

    /*====================================================
        - CSS solution making headers fixed
    =====================================================*/
    SetFixedHeaders: function(){
        if((!this.hasGrid && !this.isFirstLoad) || !this.fixedHeaders){
            return;
        }
        if(this.contDiv){
            return;
        }
        var thead = TF.tag(this.tbl,'thead');
        if(thead.length===0){
            return;
        }
        var tbody = TF.tag(this.tbl,'tbody');
        //firefox returns tbody height
        if(tbody[0].clientHeight!==0){
            //previous values
            this.prevTBodyH = tbody[0].clientHeight;
            this.prevTBodyOverflow = tbody[0].style.overflow;
            this.prevTBodyOverflowX = tbody[0].style.overflowX;

            tbody[0].style.height = this.tBodyH+'px';
            tbody[0].style.overflow = 'auto';
            tbody[0].style.overflowX = 'hidden';
        } else { //IE returns 0
            // cont div is added to emulate fixed headers behaviour
            var contDiv = dom.create(
                'div',['id',this.prfxContentDiv+this.id]);
            contDiv.className = this.contDivCssClass;
            this.tbl.parentNode.insertBefore(contDiv, this.tbl);
            contDiv.appendChild(this.tbl);
            this.contDiv = TF.id(this.prfxContentDiv+this.id);
            //prevents headers moving during window scroll (IE)
            this.contDiv.style.position = 'relative';

            var theadH = 0;
            var theadTr = TF.tag(thead[0],'tr');
            //css below emulates fixed headers on IE<=6
            for(var i=0; i<theadTr.length; i++){
                theadTr[i].style.cssText += 'position:relative; ' +
                    'top:expression(offsetParent.scrollTop);';
                theadH += parseInt(theadTr[i].clientHeight, 10);
            }

            this.contDiv.style.height = (this.tBodyH+theadH)+'px';

            var tfoot = TF.tag(this.tbl,'tfoot');
            if(tfoot.length===0){
                return;
            }

            var tfootTr = TF.tag(tfoot[0],'tr');

            //css below emulates fixed footer on IE<=6
            for(var j=0; j<tfootTr.length; j++){
                tfootTr[j].style.cssText +=
                    'position:relative; overflow-x: hidden; ' +
                    'top: expression(parentNode.parentNode.offsetHeight >= ' +
                    'offsetParent.offsetHeight ? ' +
                    '0 - parentNode.parentNode.offsetHeight + '+
                    'offsetParent.offsetHeight + offsetParent.scrollTop : 0);';
            }
        }
    },

    /*====================================================
        - Removes fixed headers
    =====================================================*/
    RemoveFixedHeaders: function(){
        if(!this.hasGrid || !this.fixedHeaders ) return;

        if(this.contDiv){
            this.contDiv.parentNode.insertBefore(this.tbl, this.contDiv);
            this.contDiv.parentNode.removeChild( this.contDiv );
            this.contDiv = null;
            var thead = TF.tag(this.tbl,'thead');
            if(thead.length===0){
                return;
            }
            var theadTr = TF.tag(thead[0],'tr');
            if(theadTr.length===0){
                return;
            }
            for(var i=0; i<theadTr.length; i++){
                theadTr[i].style.cssText = '';
            }
            var tfoot = TF.tag(this.tbl,'tfoot');
            if(tfoot.length===0){
                return;
            }
            var tfootTr = TF.tag(tfoot[0],'tr');
            for(var j=0; j<tfootTr.length; j++){
                tfootTr[j].style.position = 'relative';
                tfootTr[j].style.top = '';
                tfootTr[j].style.overeflowX = '';
            }
        } else {
            var tbody = TF.tag(this.tbl,'tbody');
            if(tbody.length===0){
                return;
            }
            tbody[0].style.height = this.prevTBodyH+'px';
            tbody[0].style.overflow = this.prevTBodyOverflow;
            tbody[0].style.overflowX = this.prevTBodyOverflowX;
        }
    },

    Filter: function(){
        this.EvtManager(this.Evt.name.filter);
    },
    /*====================================================
        - Filtering fn
        - retrieves data from each td in every single tr
        and compares to search string for current
        column
        - tr is hidden if all search strings are not
        found
    =====================================================*/
    _Filter: function(){
        if(!this.fltGrid || (!this.hasGrid && !this.isFirstLoad)){
            return;
        }
        //invokes onbefore callback
        if(this.onBeforeFilter){
            this.onBeforeFilter.call(null, this);
        }

        if(this.inpWatermark !== ''){
            this.SetWatermark(false);
        }

        var row = this.tbl.rows,
            f = this.fObj || {},
            hiddenrows = 0;
        this.validRowsIndex = [];
        var o = this;

        // removes keyword highlighting
        if(this.highlightKeywords){
            this.UnhighlightAll();
        }
        //removes popup filters active icons
        if(this.popUpFilters){
            this.SetAllPopupFiltersIcon();
        }
        //removes active column header class
        if(this.markActiveColumns){
            this.ClearActiveColumns();
        }
        // search args re-init
        this.searchArgs = this.GetFiltersValue();

        var num_cell_data, nbFormat;
        var re_le = new RegExp(this.leOperator),
            re_ge = new RegExp(this.geOperator),
            re_l = new RegExp(this.lwOperator),
            re_g = new RegExp(this.grOperator),
            re_d = new RegExp(this.dfOperator),
            re_lk = new RegExp(str.rgxEsc(this.lkOperator)),
            re_eq = new RegExp(this.eqOperator),
            re_st = new RegExp(this.stOperator),
            re_en = new RegExp(this.enOperator),
            re_an = new RegExp(this.anOperator),
            re_cr = new RegExp(this.curExp),
            re_em = this.emOperator,
            re_nm = this.nmOperator,
            re_re = new RegExp(str.rgxEsc(this.rgxOperator));

        //keyword highlighting
        function highlight(str, ok, cell){
            if(o.highlightKeywords && ok){
                str = str.replace(re_lk,'');
                str = str.replace(re_eq,'');
                str = str.replace(re_st,'');
                str = str.replace(re_en,'');
                var w = str;
                if(re_le.test(str) || re_ge.test(str) || re_l.test(str) ||
                    re_g.test(str) || re_d.test(str)){
                    w = dom.getText(cell);
                }
                if(w!==''){
                    o.HighlightWord(cell,w,o.highlightCssClass);
                }
            }
        }

        //looks for search argument in current row
        function hasArg(sA, cell_data, j){
            var occurence;
            //Search arg operator tests
            var hasLO = re_l.test(sA),
                hasLE = re_le.test(sA),
                hasGR = re_g.test(sA),
                hasGE = re_ge.test(sA),
                hasDF = re_d.test(sA),
                hasEQ = re_eq.test(sA),
                hasLK = re_lk.test(sA),
                hasAN = re_an.test(sA),
                hasST = re_st.test(sA),
                hasEN = re_en.test(sA),
                hasEM = (re_em === sA),
                hasNM = (re_nm === sA),
                hasRE = re_re.test(sA);

            //Search arg dates tests
            var isLDate = hasLO && isValidDate(sA.replace(re_l,''),dtType);
            var isLEDate = hasLE && isValidDate(sA.replace(re_le,''),dtType);
            var isGDate = hasGR && isValidDate(sA.replace(re_g,''),dtType);
            var isGEDate = hasGE && isValidDate(sA.replace(re_ge,''),dtType);
            var isDFDate = hasDF && isValidDate(sA.replace(re_d,''),dtType);
            var isEQDate = hasEQ && isValidDate(sA.replace(re_eq,''),dtType);

            var dte1, dte2;
            //dates
            if(isValidDate(cell_data,dtType)){
                dte1 = formatDate(cell_data,dtType);
                // lower date
                if(isLDate){
                    dte2 = formatDate(sA.replace(re_l,''),dtType);
                    occurence = dte1 < dte2;
                }
                // lower equal date
                else if(isLEDate){
                    dte2 = formatDate(sA.replace(re_le,''),dtType);
                    occurence = dte1 <= dte2;
                }
                // greater equal date
                else if(isGEDate){
                    dte2 = formatDate(sA.replace(re_ge,''),dtType);
                    occurence = dte1 >= dte2;
                }
                // greater date
                else if(isGDate){
                    dte2 = formatDate(sA.replace(re_g,''),dtType);
                    occurence = dte1 > dte2;
                }
                // different date
                else if(isDFDate){
                    dte2 = formatDate(sA.replace(re_d,''),dtType);
                    occurence = dte1.toString() != dte2.toString();
                }
                // equal date
                else if(isEQDate){
                    dte2 = formatDate(sA.replace(re_eq,''),dtType);
                    occurence = dte1.toString() == dte2.toString();
                }
                // searched keyword with * operator doesn't have to be a date
                else if(re_lk.test(sA)){// like date
                    occurence = o.__containsStr(
                        sA.replace(re_lk,''),cell_data,null,false);
                }
                else if(isValidDate(sA,dtType)){
                    dte2 = formatDate(sA,dtType);
                    occurence = dte1.toString() == dte2.toString();
                }
                //empty
                else if(hasEM){
                    occurence = str.isEmpty(cell_data);
                }
                //non-empty
                else if(hasNM){
                    occurence = !str.isEmpty(cell_data);
                }
            }

            else{
                //first numbers need to be formated
                if(o.hasColNbFormat && o.colNbFormat[j]){
                    num_cell_data = removeNbFormat(
                        cell_data,o.colNbFormat[j]);
                    nbFormat = o.colNbFormat[j];
                } else {
                    if(o.thousandsSeparator===',' && o.decimalSeparator==='.'){
                        num_cell_data = removeNbFormat(cell_data,'us');
                        nbFormat = 'us';
                    } else {
                        num_cell_data = removeNbFormat(cell_data,'eu');
                        nbFormat = 'eu';
                    }
                }

                // first checks if there is any operator (<,>,<=,>=,!,*,=,{,},
                // rgx:)
                // lower equal
                if(hasLE){
                    occurence = num_cell_data <= removeNbFormat(
                        sA.replace(re_le,''),nbFormat);
                }
                //greater equal
                else if(hasGE){
                    occurence = num_cell_data >= removeNbFormat(
                        sA.replace(re_ge,''),nbFormat);
                }
                //lower
                else if(hasLO){
                    occurence = num_cell_data < removeNbFormat(
                        sA.replace(re_l,''),nbFormat);
                }
                //greater
                else if(hasGR){
                    occurence = num_cell_data > removeNbFormat(
                        sA.replace(re_g,''),nbFormat);
                }
                //different
                else if(hasDF){
                    occurence = o.__containsStr(
                        sA.replace(re_d,''),cell_data) ? false : true;
                }
                //like
                else if(hasLK){
                    occurence = o.__containsStr(
                        sA.replace(re_lk,''),cell_data,null,false);
                }
                //equal
                else if(hasEQ){
                    occurence = o.__containsStr(
                        sA.replace(re_eq,''),cell_data,null,true);
                }
                //starts with
                else if(hasST){
                    occurence = cell_data.indexOf(sA.replace(re_st,''))===0 ?
                        true : false;
                }
                //ends with
                else if(hasEN){
                    var searchArg = sA.replace(re_en,'');
                    occurence =
                        cell_data.lastIndexOf(searchArg,cell_data.length-1) ===
                        (cell_data.length-1)-(searchArg.length-1) &&
                        cell_data.lastIndexOf(
                            searchArg,cell_data.length-1) > -1 ? true : false;
                }
                //empty
                else if(hasEM){
                    occurence = str.isEmpty(cell_data);
                }
                //non-empty
                else if(hasNM){
                    occurence = !str.isEmpty(cell_data);
                }
                //regexp
                else if(hasRE){
                    //in case regexp fires an exception
                    try{
                        //operator is removed
                        var srchArg = sA.replace(re_re,'');
                        var rgx = new RegExp(srchArg);
                        occurence = rgx.test(cell_data);
                    } catch(e) { occurence = false; }
                }
                else{
                    var fCol = f['col_'+j];
                    occurence = o.__containsStr(
                        sA, cell_data, !fCol ? this.fltTypeInp : fCol);
                }

            }//else
            return occurence;
        }//fn

        for(var k=this.refRow; k<this.nbRows; k++){
            /*** if table already filtered some rows are not visible ***/
            if(row[k].style.display === 'none'){
                row[k].style.display = '';
            }

            var cell = row[k].cells,
                nchilds = cell.length;

            // checks if row has exact cell #
            if(nchilds !== this.nbCells){
                continue;
            }

            var occurence = [],
                isRowValid = this.searchType==='include' ? true : false,
                //only for single filter search
                singleFltRowValid = false;

            // this loop retrieves cell data
            for(var j=0; j<nchilds; j++){
                //searched keyword
                var sA = this.searchArgs[this.singleSearchFlt ? 0 : j],
                    dtType = this.hasColDateType ?
                        this.colDateType[j] : this.defaultDateType;
                if(sA===''){
                    continue;
                }

                var cell_data = str.matchCase(
                    this.GetCellData(j, cell[j]), this.matchCase);

                //multiple search parameter operator ||
                var sAOrSplit = sA.split(this.orOperator),
                //multiple search || parameter boolean
                hasMultiOrSA = (sAOrSplit.length>1) ? true : false,
                //multiple search parameter operator &&
                sAAndSplit = sA.split(this.anOperator),
                //multiple search && parameter boolean
                hasMultiAndSA = sAAndSplit.length>1 ? true : false;

                //multiple sarch parameters
                if(hasMultiOrSA || hasMultiAndSA){
                    var cS,
                        occur = false,
                        s = hasMultiOrSA ? sAOrSplit : sAAndSplit;
                    for(var w=0; w<s.length; w++){
                        cS = str.trim(s[w]);
                        occur = hasArg(cS,cell_data,j);
                        highlight(cS,occur,cell[j]);
                        if(hasMultiOrSA && occur){
                            break;
                        }
                        if(hasMultiAndSA && !occur){
                            break;
                        }
                    }
                    occurence[j] = occur;
                }
                //single search parameter
                else {
                    occurence[j] = hasArg(str.trim(sA), cell_data, j);
                    highlight(sA,occurence[j],cell[j]);
                }//else single param

                if(!occurence[j]){
                    isRowValid = this.searchType==='include' ? false : true;
                }
                if(this.singleSearchFlt && occurence[j]){
                    singleFltRowValid = true;
                }
                if(this.popUpFilters){
                    this.SetPopupFilterIcon(j, true);
                }
                if(this.markActiveColumns){
                    if(k === this.refRow){
                        if(this.onBeforeActiveColumn){
                            this.onBeforeActiveColumn.call(null, this, j);
                        }
                        dom.addClass(
                            this.GetHeaderElement(j),
                            this.activeColumnsCssClass);
                        if(this.onAfterActiveColumn){
                            this.onAfterActiveColumn.call(null, this, j);
                        }
                    }
                }
            }//for j

            if(this.singleSearchFlt && singleFltRowValid){
                isRowValid = true;
            }

            if(!isRowValid){
                this.SetRowValidation(k,false);
                // always visible rows need to be counted as valid
                if(this.hasVisibleRows && array.has(this.visibleRows, k) &&
                    !this.paging){
                    this.validRowsIndex.push(k);
                } else {
                    hiddenrows++;
                }
            } else {
                this.SetRowValidation(k,true);
                this.validRowsIndex.push(k);
                if(this.alternateBgs){
                    this.SetRowBg(k,this.validRowsIndex.length);
                }
                if(this.onRowValidated){
                    this.onRowValidated.call(null,this,k);
                }
            }
        }// for k

        this.nbVisibleRows = this.validRowsIndex.length;
        this.nbHiddenRows = hiddenrows;
        this.isStartBgAlternate = false;
        if(this.rememberGridValues){
            this.RememberFiltersValue(this.fltsValuesCookie);
        }
        //applies filter props after filtering process
        if(!this.paging){
            this.ApplyGridProps();
        } else {
            this.startPagingRow = 0;
            this.currentPageNb = 1;
            this.SetPagingInfo(this.validRowsIndex);
        }//starts paging process
        //invokes onafter callback
        if(this.onAfterFilter){
            this.onAfterFilter.call(null,this);
        }
    },

    /*====================================================
        - checks methods that should be called
        after filtering and/or paging process
    =====================================================*/
    ApplyGridProps: function(){
        // blurs active filter (IE)
        if(this.activeFlt &&
            str.lower(this.activeFlt.nodeName)===this.fltTypeSlc &&
            !this.popUpFilters){
            this.activeFlt.blur();
            if(this.activeFlt.parentNode){
                this.activeFlt.parentNode.focus();
            }
        }

        //shows rows always visible
        if(this.visibleRows)
            this.SetVisibleRows();
        //makes operation on a col
        if(this.colOperation){
            this.SetColOperation();
        }
        //re-populates drop-down filters
        if(this.refreshFilters){
            this.RefreshFiltersGrid();
        }
        var nr = !this.paging && this.hasVisibleRows ?
            this.nbVisibleRows - this.visibleRows.length : this.nbVisibleRows;
        //refreshes rows counter
        if(this.rowsCounter){
            this.RefreshNbRows(nr);
        }

        if(this.inpWatermark !== ''){
            this.SetWatermark(true);
        }
        if(this.popUpFilters){
            this.CloseAllPopupFilters();
        }
    },

    /*====================================================
        - returns an array containing cell values of
        a column
        - needs following args:
            - column index (number)
            - a boolean set to true if we want only
            numbers to be returned
            - array containing rows index to be excluded
            from returned values
    =====================================================*/
    GetColValues: function(colindex, num, exclude){
        if(!this.fltGrid){
            return;
        }
        var row = this.tbl.rows,
            colValues = [];

        for(var i=this.refRow; i<this.nbRows; i++){
            var isExludedRow = false;
            // checks if current row index appears in exclude array
            if(exclude && types.isObj(exclude)){
                isExludedRow = array.has(exclude, i); //boolean
            }
            var cell = row[i].cells,
                nchilds = cell.length;

            // checks if row has exact cell # and is not excluded
            if(nchilds == this.nbCells && !isExludedRow){
                // this loop retrieves cell data
                for(var j=0; j<nchilds; j++){
                    if(j===colindex && row[i].style.display===''){
                        var cell_data = str.lower(
                                this.GetCellData(j, cell[j])),
                            nbFormat = this.colNbFormat ?
                                this.colNbFormat[colindex] : null,
                            data = num ?
                                removeNbFormat(cell_data,nbFormat) :
                                cell_data;
                        colValues.push(data);
                    }
                }
            }
        }//for i
        return colValues;
    },

    /*====================================================
        - Returns value of a specified filter
        - Params:
            - index: filter column index (numeric value)
    =====================================================*/
    GetFilterValue: function(index){
        if(!this.fltGrid){
            return;
        }
        var fltValue,
            flt = this.GetFilterElement(index);
        if(!flt){
            return '';
        }
        var fltColType = this.fltCol[index];
        if(fltColType !== this.fltTypeMulti &&
            fltColType !== this.fltTypeCheckList){
            fltValue = flt.value;
        }
        //mutiple select
        else if(fltColType === this.fltTypeMulti){
            fltValue = '';
            for(var j=0; j<flt.options.length; j++){
                if(flt.options[j].selected){
                    fltValue = fltValue.concat(
                        flt.options[j].value+' ' +
                        this.orOperator + ' '
                    );
                }
            }
            //removes last operator ||
            fltValue = fltValue.substr(0,fltValue.length-4);
        }
        //checklist
        else if(fltColType === this.fltTypeCheckList){
            if(flt.getAttribute('value') !== null){
                fltValue = flt.getAttribute('value');
                //removes last operator ||
                fltValue = fltValue.substr(0,fltValue.length-3);
            } else{
                fltValue = '';
            }
        }
        return fltValue;
    },

    /*====================================================
        - Returns the value of every single filter
    =====================================================*/
    GetFiltersValue: function(){
        if(!this.fltGrid){
            return;
        }
        var searchArgs = [];
        for(var i=0; i<this.fltIds.length; i++){
            searchArgs.push(
                str.trim(
                    str.matchCase(this.GetFilterValue(i), this.matchCase))
            );
        }
        return searchArgs;
    },

    /*====================================================
        - Returns filter id of a specified column
        - Params:
            - index: column index (numeric value)
    =====================================================*/
    GetFilterId: function(index){
        if(!this.fltGrid){
            return;
        }
        return this.fltIds[i];
    },

    /*====================================================
        - returns an array containing ids of filters of a
        specified type (inputs or selects)
        - Note that hidden filters are also returned
        - Needs folllowing args:
            - filter type string ('input','select',
            'multiple')
            - optional boolean: if set true method
            returns column indexes otherwise filters ids
    =====================================================*/
    GetFiltersByType: function(type, bool){
        if(!this.fltGrid){
            return;
        }
        var arr = [];
        for(var i=0; i<this.fltIds.length; i++){
            var fltType = this['col'+i];
            if(fltType === str.lower(type)){
                var a = (bool) ? i : this.fltIds[i];
                arr.push(a);
            }
        }
        return arr;
    },

    /*====================================================
        - returns filter DOM element for a given column
        index
    =====================================================*/
    GetFilterElement: function(index){
        if(!this.fltGrid){
            return null;
        }
        return TF.id(this.fltIds[index]);
    },

    /*====================================================
        - returns number of cells in a row
        - if rowIndex param is passed returns number of
        cells of specified row (number)
    =====================================================*/
    GetCellsNb: function(rowIndex){
        var tr = !rowIndex ? this.tbl.rows[0] : this.tbl.rows[rowIndex];
        return tr.cells.length;
    },

    /*====================================================
        - returns total nb of filterable rows starting
        from reference row if defined
        - Param:
            - includeHeaders: if true header rows are
            included in calculation(= table rows number)
    =====================================================*/
    GetRowsNb: function(includeHeaders){
        var s = !this.refRow ? 0 : this.refRow,
            ntrs = this.tbl.rows.length;
        if(includeHeaders){ s = 0; }
        return parseInt(ntrs-s, 10);
    },

    /*====================================================
        - returns text content of a given cell
        - Params:
            - i: index of the column (number)
            - cell: td DOM object
    =====================================================*/
    GetCellData: function(i, cell){
        if(i===undefined || !cell){
            return '';
        }
        //First checks for customCellData event
        if(this.customCellData && array.has(this.customCellDataCols, i)){
            return this.customCellData.call(null,this,cell,i);
        } else {
            return dom.getText(cell);
        }
    },

    /*====================================================
        - returns an array containing table data:
        [rowindex,[value1,value2,value3...]]
    =====================================================*/
    GetTableData: function(){
        var row = this.tbl.rows;
        for(var k=this.refRow; k<this.nbRows; k++){
            var rowData = [k,[]];
            var cells = row[k].cells;
            // this loop retrieves cell data
            for(var j=0; j<cells.length; j++){
                var cell_data = this.GetCellData(j, cells[j]);
                rowData[1].push(cell_data);
            }
            this.tblData.push(rowData);
        }
        return this.tblData;
    },

    /*====================================================
        - returns an array containing filtered data:
        [rowindex,[value1,value2,value3...]]
    =====================================================*/
    GetFilteredData: function(includeHeaders){
        if(!this.validRowsIndex){
            return [];
        }
        var row = this.tbl.rows,
            filteredData = [];
        if(includeHeaders){
            var table = this.gridLayout ? this.headTbl : this.tbl,
                r = table.rows[this.headersRow],
                rowData = [r.rowIndex,[]];
            for(var j=0; j<this.nbCells; j++){
                var headerText = this.GetCellData(j, r.cells[j]);
                rowData[1].push(headerText);
            }
            filteredData.push(rowData);
        }

        var validRows = this.GetValidRowsIndex(true);
        for(var i=0; i<validRows.length; i++){
            var rData = [this.validRowsIndex[i],[]],
                cells = row[this.validRowsIndex[i]].cells;
            for(var k=0; k<cells.length; k++){
                var cell_data = this.GetCellData(k, cells[k]);
                rData[1].push(cell_data);
            }
            filteredData.push(rData);
        }
        return filteredData;
    },

    /*====================================================
        - returns an array containing filtered data of a
        specified column.
        - Params:
            - colIndex: index of the column (number)
        - returned array:
        [value1,value2,value3...]
    =====================================================*/
    GetFilteredDataCol: function(colIndex){
        if(colIndex===undefined){
            return [];
        }
        var data =  this.GetFilteredData(),
            colData = [];
        for(var i=0; i<data.length; i++){
            var r = data[i],
                //cols values of current row
                d = r[1],
                //data of searched column
                c = d[colIndex];
            colData.push(c);
        }
        return colData;
    },

    GetRowDisplay: function(row){
        if(!this.fltGrid && !types.isObj(row)){
            return;
        }
        return row.style.display;
    },

    /*====================================================
        - Validates/unvalidates row by setting 'validRow'
        attribute and shows/hides row
        - Params:
            - rowIndex: index of the row (number)
            - isValid: boolean
    =====================================================*/
    SetRowValidation: function(rowIndex, isValid){
        var row = this.tbl.rows[rowIndex];
        if(!row || str.lower(typeof isValid)!=='boolean'){
            return;
        }

        // always visible rows are valid
        if(this.hasVisibleRows && array.has(this.visibleRows, rowIndex) &&
            !this.paging){
            isValid = true;
        }

        var displayFlag = isValid ? '' : 'none',
            validFlag = isValid ? 'true' : 'false';
        row.style.display = displayFlag;

        if(this.paging){
            row.setAttribute('validRow',validFlag);
        }
    },

    /*====================================================
        - Validates all filterable rows
    =====================================================*/
    ValidateAllRows: function(){
        if(!this.hasGrid){
            return;
        }
        this.validRowsIndex = [];
        for(var k=this.refRow; k<this.nbFilterableRows; k++){
            this.SetRowValidation(k, true);
            this.validRowsIndex.push(k);
        }
    },

    /*====================================================
        - Inserts value in a specified filter
        - Params:
            - index: filter column index (numeric value)
            - searcharg: search string
            - doFilter: optional boolean for multiple
            selects: executes filtering when multiple
            select populated... IE only!
    =====================================================*/
    SetFilterValue: function(index, searcharg, doFilter){
        if((!this.fltGrid && !this.isFirstLoad) ||
            !this.GetFilterElement(index)){
            return;
        }
        var slc = this.GetFilterElement(index),
            execFilter = doFilter===undefined ? true : doFilter,
            fltColType = this['col'+index];
        searcharg = searcharg===undefined ? '' : searcharg;

        if(fltColType !== this.fltTypeMulti &&
            fltColType != this.fltTypeCheckList){
            slc.value = searcharg;
            if(fltColType===this.fltTypeInp && this.inpWatermark!==''){
                dom.removeClass(slc, this.inpWatermarkCssClass);
            }
        }
        //multiple selects
        else if(fltColType === this.fltTypeMulti){
            var s = searcharg.split(' '+this.orOperator+' '),
                ct = 0; //keywords counter
            for(var j=0; j<slc.options.length; j++){
                if(s===''){
                    slc.options[j].selected = false;
                }
                if(slc.options[j].value===''){
                    slc.options[j].selected = false;
                }
                if(slc.options[j].value!=='' &&
                    array.has(s, slc.options[j].value, true)){
                    // IE multiple selection work-around
                    if(TF.isIE){
                        //when last value reached filtering can be executed
                        var filter = ct==(s.length-1) && execFilter ?
                            true : false;
                        this.__deferMultipleSelection(slc,j,filter);
                        ct++;
                    }
                    else{
                        slc.options[j].selected = true;
                    }
                }//if
            }//for j
        }
        //checklist
        else if(fltColType === this.fltTypeCheckList){
            searcharg = str.matchCase(searcharg, this.matchCase);
            var sarg = searcharg.split(' '+this.orOperator+' '),
                fltValue = slc.setAttribute('value',''),
                fltIndex = slc.setAttribute('indexes','');
            for(var k=0; k<TF.tag(slc,'li').length; k++){
                var li = TF.tag(slc,'li')[k],
                    lbl = TF.tag(li,'label')[0],
                    chk = TF.tag(li,'input')[0],
                    lblTxt = str.matchCase(
                        dom.getText(lbl), this.matchCase);
                if(lblTxt!=='' && array.has(sarg, lblTxt, true)){
                    chk.checked = true;
                    this.__setCheckListValues(chk);
                }
                else{
                    chk.checked = false;
                    this.__setCheckListValues(chk);
                }
            }
        }
    },

    /*====================================================
        - sets coluun widths in pixels
    =====================================================*/
    SetColWidths: function(rowIndex){
        if(!this.fltGrid || !this.hasColWidth){
            return;
        }
        var o = this, rIndex;
        if(rowIndex===undefined){
            rIndex = this.tbl.rows[0].style.display!='none' ? 0 : 1;
        } else{
            rIndex = rowIndex;
        }
        setWidths(this.tbl.rows[rIndex]);

        function setWidths(row){
            if(!o && (o.nbCells!=o.colWidth.length)){
                return;
            }
            if(o.nbCells==row.cells.length){
                for(var k=0; k<o.nbCells; k++){
                    row.cells[k].style.width = o.colWidth[k];
                }
            }
        }
    },

    /*====================================================
        - makes a row always visible
        - Note this works only if paging is false
    =====================================================*/
    SetVisibleRows: function(){
        if(this.hasGrid && this.hasVisibleRows && !this.paging){
            for(var i=0; i<this.visibleRows.length; i++){
                //row index cannot be > nrows
                if(this.visibleRows[i] <= this.nbRows){
                    this.SetRowValidation(this.visibleRows[i],true);
                }
            }
        }
    },

    ClearFilters: function(){
        this.EvtManager(this.Evt.name.clear);
    },
    /*====================================================
        - clears grid filters
    =====================================================*/
    _ClearFilters: function(){
        if(!this.fltGrid){
            return;
        }
        if(this.onBeforeReset){
            this.onBeforeReset.call(null, this, this.GetFiltersValue());
        }
        for(var i=0; i<this.fltIds.length; i++){
            this.SetFilterValue(i,'');
        }
        if(this.refreshFilters){
            this.activeFilterId = '';
            this.RefreshFiltersGrid();
        }
        if(this.rememberPageLen){ cookie.remove(this.pgLenCookie); }
        if(this.rememberPageNb){ cookie.remove(this.pgNbCookie); }
        if(this.onAfterReset){ this.onAfterReset.call(null, this); }
    },

    /*====================================================
        - clears active columns header class name
    =====================================================*/
    ClearActiveColumns: function(){
        for(var i=0; i<this.fltIds.length; i++){
            dom.removeClass(
                this.GetHeaderElement(i), this.activeColumnsCssClass);
        }
    },

    /*====================================================
        - Re-generates filters grid
    =====================================================*/
    RefreshGrid: function(config){
        var configObj = !config ? this.fObj : config;
        var hasSort = this.sort;
        //sort property is set to false in order to avoid sort object
        //re-instanciation
        if(hasSort){
            this.sort = false;
        }
        this.nbRows = this.GetRowsNb(); //in case table is refreshed
        this.RemoveGrid();
        window['tf_'+this.id] = new TF(this.id, this.startRow, configObj);
        this.isFirstLoad = true;
        this.fltIds = [];
        this._AddGrid();
        //New tbody content needs to be referenced in sortabletable script with
        //setTBody() method
        if(hasSort){
            //this.st =  SortableTable object
            //Note this is a method of the Sortable Table 1.12 script
            //(Erik Arvidsson)
            this.st.setTBody(this.tbl.tBodies[0]);
            //finally sort property is enabled again
            this.sort = true;
        }
    },

    /*====================================================
        - retrieves select, multiple and checklist filters
        - calls method repopulating filters
    =====================================================*/
    RefreshFiltersGrid: function(){
        var slcA1 = this.GetFiltersByType(this.fltTypeSlc, true),
            slcA2 = this.GetFiltersByType(this.fltTypeMulti, true),
            slcA3 = this.GetFiltersByType(this.fltTypeCheckList, true),
            slcIndex = slcA1.concat(slcA2);
        slcIndex = slcIndex.concat(slcA3);

        if(this.activeFilterId){
            var activeFlt = this.activeFilterId.split('_')[0];
            activeFlt = activeFlt.split(this.prfxFlt)[1];
            var slcSelectedValue;
            for(var i=0; i<slcIndex.length; i++){
                var curSlc = TF.id(this.fltIds[slcIndex[i]]);
                slcSelectedValue = this.GetFilterValue(slcIndex[i]);
                if(activeFlt!==slcIndex[i] ||
                    (this.paging && array.has(slcA1, slcIndex[i]) &&
                        activeFlt === slcIndex[i] ) ||
                    (!this.paging && (array.has(slcA3, slcIndex[i]) ||
                        array.has(slcA2, slcIndex[i]))) ||
                    slcSelectedValue === this.displayAllText ){

                    if(array.has(slcA3, slcIndex[i])){
                        this.checkListDiv[slcIndex[i]].innerHTML = '';
                    } else {
                        curSlc.innerHTML = '';
                    }

                    //1st option needs to be inserted
                    if(this.fillSlcOnDemand) {
                        var opt0 = dom.createOpt(this.displayAllText,'');
                        if(curSlc){
                            curSlc.appendChild(opt0);
                        }
                    }

                    if(array.has(slcA3, slcIndex[i])){
                        this._PopulateCheckList(slcIndex[i]);
                    } else {
                        this._PopulateSelect(slcIndex[i],true);
                    }

                    this.SetFilterValue(slcIndex[i],slcSelectedValue);
                }
            }// for i
        }
    },
    /*====================================================
        - Calculates values of a column
        - params are stored in 'colOperation' table's
        attribute
            - colOperation['id'] contains ids of elements
            showing result (array)
            - colOperation['col'] contains index of
            columns (array)
            - colOperation['operation'] contains operation
            type (array, values: sum, mean)
            - colOperation['write_method'] array defines
            which method to use for displaying the
            result (innerHTML, setValue, createTextNode).
            Note that innerHTML is the default value.
            - colOperation['tot_row_index'] defines in
            which row results are displayed (integers array)

        - changes made by Nuovella:
        (1) optimized the routine (now it will only
        process each column once),
        (2) added calculations for the median, lower and
        upper quartile.
    =====================================================*/
    SetColOperation: function(){
        if(!this.isFirstLoad && !this.hasGrid){
            return;
        }

        if(this.onBeforeOperation){
            this.onBeforeOperation.call(null,this);
        }

        var colOperation = this.colOperation,
            labelId = colOperation.id,
            colIndex = colOperation.col,
            operation = colOperation.operation,
            outputType = colOperation.write_method,
            totRowIndex = colOperation.tot_row_index,
            excludeRow = colOperation.exclude_row,
            decimalPrecision = colOperation.decimal_precision !== undefined ?
                colOperation.decimal_precision : 2;

        //nuovella: determine unique list of columns to operate on
        var ucolIndex = [],
            ucolMax = 0;
        ucolIndex[ucolMax] = colIndex[0];

        for(var ii=1; ii<colIndex.length; ii++){
            var saved = 0;
            //see if colIndex[ii] is already in the list of unique indexes
            for(var jj=0; jj<=ucolMax; jj++){
                if(ucolIndex[jj] === colIndex[ii]){
                    saved = 1;
                }
            }
            //if not saved then, save the index;
            if (saved === 0){
                ucolMax++;
                ucolIndex[ucolMax] = colIndex[ii];
            }
        }

        if(str.lower(typeof labelId)=='object' &&
            str.lower(typeof colIndex)=='object' &&
            str.lower(typeof operation)=='object'){
            var row = this.tbl.rows,
                colvalues = [];

            for(var ucol=0; ucol<=ucolMax; ucol++){
                //this retrieves col values
                //use ucolIndex because we only want to pass through this loop
                //once for each column get the values in this unique column
                colvalues.push(
                    this.GetColValues(ucolIndex[ucol],true,excludeRow));

                //next: calculate all operations for this column
                var result,
                    nbvalues=0,
                    temp,
                    meanValue=0,
                    sumValue=0,
                    minValue=null,
                    maxValue=null,
                    q1Value=null,
                    medValue=null,
                    q3Value=null,
                    meanFlag=0,
                    sumFlag=0,
                    minFlag=0,
                    maxFlag=0,
                    q1Flag=0,
                    medFlag=0,
                    q3Flag=0,
                    theList=[],
                    opsThisCol=[],
                    decThisCol=[],
                    labThisCol=[],
                    oTypeThisCol=[],
                    mThisCol=-1;

                for(var k=0; k<colIndex.length; k++){
                     if(colIndex[k] === ucolIndex[ucol]){
                        mThisCol++;
                        opsThisCol[mThisCol]=str.lower(operation[k]);
                        decThisCol[mThisCol]=decimalPrecision[k];
                        labThisCol[mThisCol]=labelId[k];
                        oTypeThisCol = outputType !== undefined &&
                            str.lower(typeof outputType)==='object' ?
                            outputType[k] : null;

                        switch(opsThisCol[mThisCol]){
                            case 'mean':
                                meanFlag=1;
                            break;
                            case 'sum':
                                sumFlag=1;
                            break;
                            case 'min':
                                minFlag=1;
                            break;
                            case 'max':
                                maxFlag=1;
                            break;
                            case 'median':
                                medFlag=1;
                                break;
                            case 'q1':
                                q1Flag=1;
                            break;
                            case 'q3':
                                q3Flag=1;
                            break;
                        }
                    }
                }

                for(var j=0; j<colvalues[ucol].length; j++){
                    //sort the list for calculation of median and quartiles
                    if((q1Flag==1)||(q3Flag==1) || (medFlag==1)){
                        if (j<colvalues[ucol].length -1){
                            for(k=j+1;k<colvalues[ucol].length; k++) {
                                if(eval(colvalues[ucol][k]) <
                                    eval(colvalues[ucol][j])){
                                    temp = colvalues[ucol][j];
                                    colvalues[ucol][j] = colvalues[ucol][k];
                                    colvalues[ucol][k] = temp;
                                }
                            }
                        }
                    }
                    var cvalue = parseFloat(colvalues[ucol][j]);
                    theList[j] = parseFloat(cvalue);

                    if(!isNaN(cvalue)){
                        nbvalues++;
                        if(sumFlag===1 || meanFlag===1){
                            sumValue += parseFloat( cvalue );
                        }
                        if(minFlag===1){
                            if(minValue===null){
                                minValue = parseFloat( cvalue );
                            } else{
                                minValue = parseFloat( cvalue ) < minValue ?
                                    parseFloat( cvalue ): minValue;
                            }
                        }
                        if(maxFlag===1){
                            if (maxValue===null){
                                maxValue = parseFloat( cvalue );
                            } else {
                                maxValue = parseFloat( cvalue ) > maxValue ?
                                    parseFloat( cvalue ): maxValue;
                            }
                        }
                    }
                }//for j
                if(meanFlag===1){
                    meanValue = sumValue/nbvalues;
                }
                if(medFlag===1){
                    var aux = 0;
                    if(nbvalues%2 === 1){
                        aux = Math.floor(nbvalues/2);
                        medValue = theList[aux];
                    } else{
                        medValue =
                            (theList[nbvalues/2] + theList[((nbvalues/2)-1)])/2;
                    }
                }
                var posa;
                if(q1Flag===1){
                    posa=0.0;
                    posa = Math.floor(nbvalues/4);
                    if(4*posa == nbvalues){
                        q1Value = (theList[posa-1] + theList[posa])/2;
                    } else {
                        q1Value = theList[posa];
                    }
                }
                if (q3Flag===1){
                    posa=0.0;
                    var posb=0.0;
                    posa = Math.floor(nbvalues/4);
                    if (4*posa === nbvalues){
                        posb = 3*posa;
                        q3Value = (theList[posb] + theList[posb-1])/2;
                    } else {
                        q3Value = theList[nbvalues-posa-1];
                    }
                }

                for(var i=0; i<=mThisCol; i++){
                    switch( opsThisCol[i] ){
                        case 'mean':
                            result=meanValue;
                        break;
                        case 'sum':
                            result=sumValue;
                        break;
                        case 'min':
                            result=minValue;
                        break;
                        case 'max':
                            result=maxValue;
                        break;
                        case 'median':
                            result=medValue;
                            break;
                        case 'q1':
                            result=q1Value;
                        break;
                        case 'q3':
                            result=q3Value;
                        break;
                    }

                    var precision = decThisCol[i] && !isNaN( decThisCol[i] ) ?
                        decThisCol[i] : 2;
                    //if outputType is defined
                    if(oTypeThisCol && result){
                        result = result.toFixed( precision );
                        if(TF.id(labThisCol[i])){
                            switch( str.lower(oTypeThisCol) ){
                                case 'innerhtml':
                                    if (isNaN(result) || !isFinite(result) ||
                                        nbvalues===0){
                                        TF.id(labThisCol[i]).innerHTML = '.';
                                    } else{
                                        TF.id(labThisCol[i]).innerHTML = result;
                                    }
                                break;
                                case 'setvalue':
                                    TF.id( labThisCol[i] ).value = result;
                                break;
                                case 'createtextnode':
                                    var oldnode = TF.id(labThisCol[i])
                                        .firstChild;
                                    var txtnode = dom.text(result);
                                    TF.id(labThisCol[i])
                                        .replaceChild(txtnode, oldnode);
                                break;
                            }//switch
                        }
                    } else {
                        try{
                            if(isNaN(result) || !isFinite(result) ||
                                nbvalues===0){
                                TF.id(labThisCol[i]).innerHTML = '.';
                            } else {
                                TF.id(labThisCol[i]).innerHTML = result.toFixed(
                                    precision);
                            }
                        } catch(e) {}//catch
                    }//else
                }//for i
                //eventual row(s) with result are always visible
                if(totRowIndex && row[totRowIndex[ucol]]){
                    row[totRowIndex[ucol]].style.display = '';
                }
            }//for ucol
        }//if typeof

        if(this.onAfterOperation){
            this.onAfterOperation.call(null,this);
        }
    },

    /*====================================================
        - removes keyword highlighting
    =====================================================*/
    UnhighlightAll: function(){
        if( this.highlightKeywords && this.searchArgs){
            for(var y=0; y<this.searchArgs.length; y++){
                this.UnhighlightWord(
                    this.searchArgs[y], this.highlightCssClass);
            }
            this.highlightedNodes = [];
        }
    },

    /*====================================================
        - highlights keyword found in passed node
        - accepts the following params:
            - node
            - word to search
            - css class name for highlighting
    =====================================================*/
    HighlightWord: function(node, word, cssClass){
        // Iterate into this nodes childNodes
        if(node.hasChildNodes){
            for(var i=0; i<node.childNodes.length; i++){
                this.HighlightWord(node.childNodes[i], word, cssClass);
            }
        }

        // And do this node itself
        // text node
        if(node.nodeType === 3){
            var tempNodeVal = str.lower(node.nodeValue);
            var tempWordVal = str.lower(word);
            if(tempNodeVal.indexOf(tempWordVal) != -1){
                var pn = node.parentNode;
                if(pn && pn.className != cssClass){
                    // word has not already been highlighted!
                    var nv = node.nodeValue,
                        ni = tempNodeVal.indexOf(tempWordVal),
                        // Create a load of replacement nodes
                        before = dom.text(nv.substr(0,ni)),
                        docWordVal = nv.substr(ni,word.length),
                        after = dom.text(nv.substr(ni+word.length)),
                        hiwordtext = dom.text(docWordVal),
                        hiword = dom.create('span');
                    hiword.className = cssClass;
                    hiword.appendChild(hiwordtext);
                    pn.insertBefore(before,node);
                    pn.insertBefore(hiword,node);
                    pn.insertBefore(after,node);
                    pn.removeChild(node);
                    this.highlightedNodes.push(hiword.firstChild);
                }
            }
        }
    },

    /*====================================================
        - removes highlights found in passed node
        - accepts the following params:
            - node
            - word to search
            - css class name for highlighting
    =====================================================*/
    UnhighlightWord: function(word, cssClass){
        var arrRemove = [];
        for(var i=0; i<this.highlightedNodes.length; i++){
            var n = this.highlightedNodes[i];
            if(!n){
                continue;
            }
            var tempNodeVal = str.lower(n.nodeValue),
                tempWordVal = str.lower(word);
            if(tempNodeVal.indexOf(tempWordVal) !== -1){
                var pn = n.parentNode;
                if(pn && pn.className === cssClass){
                    var prevSib = pn.previousSibling,
                        nextSib = pn.nextSibling;
                    if(!prevSib || !nextSib){ continue; }
                    nextSib.nodeValue = prevSib.nodeValue + n.nodeValue +
                        nextSib.nodeValue;
                    prevSib.nodeValue = '';
                    n.nodeValue = '';
                    arrRemove.push(i);
                }
            }
        }
        for(var k=0; k<arrRemove.length; k++){
            this.highlightedNodes.splice(arrRemove[k], 1);
        }
    },

    /*====================================================
        - Private methods
    =====================================================*/

    /*====================================================
        - Only used by AddGrid() method
        - Resets filtering grid bar if previously removed
    =====================================================*/
    __resetGrid: function(){
        if(this.isFirstLoad){
            return;
        }

        // grid was removed, grid row element is stored in fltGridEl property
        if(!this.gridLayout){
            this.tbl.rows[this.filtersRowIndex].parentNode.insertBefore(
                this.fltGridEl,
                this.tbl.rows[this.filtersRowIndex]
            );
        }

        // filters are appended in external placeholders elements
        if(this.isExternalFlt){
            for(var ct=0; ct<this.externalFltTgtIds.length; ct++){
                var extFlt = TF.id(this.externalFltTgtIds[ct]);
                if(extFlt){
                    extFlt.appendChild(this.externalFltEls[ct]);
                    var colFltType = this['col'+ct];
                    //IE special treatment for gridLayout, appended filters are
                    //empty
                    if(this.gridLayout &&
                        this.externalFltEls[ct].innerHTML === '' &&
                        colFltType !== this.fltTypeInp){
                        if(colFltType === this.fltTypeSlc ||
                            colFltType === this.fltTypeMulti){
                            this.PopulateSelect(ct);
                        }
                        if(colFltType === this.fltTypeCheckList){
                            this.PopulateCheckList(ct);
                        }
                    }
                }
            }
        }

        this.nbFilterableRows = this.GetRowsNb();
        this.nbVisibleRows = this.nbFilterableRows;
        this.nbRows = this.tbl.rows.length;
        if(this.isSortEnabled){
            this.sort = true;
        }

        if(this.tbl.rows[this.filtersRowIndex].innerHTML === ''){
            refreshFilters(this);
        } else {
            if(this.popUpFilters){
                this.headersRow++;
                this.SetPopupFilters();
            }
        }

        /***    ie bug work-around, filters need to be re-generated since row
                is empty; insertBefore method doesn't seem to work properly
                with previously generated DOM nodes modified by innerHTML   ***/
        function refreshFilters(o){
            o.tbl.deleteRow(o.filtersRowIndex);
            o.RemoveGrid();
            o.fltIds = [];
            o.isFirstLoad = true;
            if(o.popUpFilters){
                o.RemovePopupFilters();
            }
            o._AddGrid();
        }

        if(!this.gridLayout){
            dom.addClass(this.tbl, this.prfxTf);
        }
        this.hasGrid = true;
    },

    /*==============================================
        - Checks if data contains searched arg,
        returns a boolean
        - Params:
            - arg: searched string
            - data: data string
            - fltType: filter type (string,
            exact match by default for selects -
            optional)
            - forceMatch: boolean forcing exact
            match (optional)
    ===============================================*/
    __containsStr: function(arg, data, fltType, forceMatch){
        // Improved by Cedric Wartel (cwl)
        // automatic exact match for selects and special characters are now
        // filtered
        var regexp,
            modifier = (this.matchCase) ? 'g' : 'gi',
            exactMatch = !forceMatch ? this.exactMatch : forceMatch;
        if(exactMatch || (fltType!==this.fltTypeInp && fltType)){
            regexp = new RegExp(
                '(^\\s*)'+ str.rgxEsc(arg) +'(\\s*$)', modifier);
        } else{
            regexp = new RegExp(str.rgxEsc(arg), modifier);
        }
        return regexp.test(data);
    },

    IncludeFile: function(fileId, filePath, callback, type){
        var ftype = !type ? 'script' : type,
            imported = isImported(filePath, ftype);
        if(imported){
            return;
        }
        var o = this,
            isLoaded = false,
            file,
            head = TF.tag(doc,'head')[0];

        if(str.lower(ftype) === 'link'){
            file = dom.create(
                'link',
                ['id', fileId], ['type', 'text/css'],
                ['rel', 'stylesheet'], ['href', filePath]
            );
        } else {
            file = dom.create(
                'script', ['id', fileId],
                ['type', 'text/javascript'], ['src', filePath]
            );
        }

        //Browser <> IE onload event works only for scripts, not for stylesheets
        file.onload = file.onreadystatechange = function(){
            if(!isLoaded &&
                (!this.readyState || this.readyState === 'loaded' ||
                    this.readyState === 'complete')){
                isLoaded = true;
                if(typeof callback === 'function'){
                    callback.call(null, o);
                }
            }
        };
        file.onerror = function(){
            throw new Error('TF script could not load:\n' + this.src);
        };
        head.appendChild(file);
    },

    /*====================================================
        - checks if table has a filter grid
        - returns a boolean
    =====================================================*/
    HasGrid: function(){
        return this.hasGrid;
    },

    /*====================================================
        - returns an array containing filters ids
        - Note that hidden filters are also returned
    =====================================================*/
    GetFiltersId: function(){
        if(!this.hasGrid){
            return;
        }
        return this.fltIds;
    },

    /*====================================================
        - returns an array containing valid rows indexes
        (valid rows upon filtering)
    =====================================================*/
    GetValidRowsIndex: function(reCalc){
        if(!this.hasGrid){
            return;
        }
        if(!reCalc){
            return this.validRowsIndex;
        }

        this.validRowsIndex = [];
        for(var k=this.refRow; k<this.GetRowsNb(true); k++){
            var r = this.tbl.rows[k];
            if(!this.paging){
                if(this.GetRowDisplay(r) !== 'none'){
                    this.validRowsIndex.push(r.rowIndex);
                }
            } else {
                if(r.getAttribute('validRow') === 'true' ||
                    r.getAttribute('validRow') === null){
                    this.validRowsIndex.push(r.rowIndex);
                }
            }
        }
        return this.validRowsIndex;
    },

    /*====================================================
        - Returns the index of the row containing the
        filters
    =====================================================*/
    GetFiltersRowIndex: function(){
        if(!this.hasGrid){
            return;
        }
        return this.filtersRowIndex;
    },

    /*====================================================
        - Returns the index of the headers row
    =====================================================*/
    GetHeadersRowIndex: function(){
        if(!this.hasGrid){
            return;
        }
        return this.headersRow;
    },

    /*====================================================
        - Returns the index of the row from which will
        start the filtering process (1st filterable row)
    =====================================================*/
    GetStartRowIndex: function(){
        if(!this.hasGrid){
            return;
        }
        return this.refRow;
    },

    /*====================================================
        - Returns the index of the last row
    =====================================================*/
    GetLastRowIndex: function(){
        if(!this.hasGrid){
            return;
        }
        return (this.nbRows-1);
    },

    /*====================================================
        - returns a header DOM element for a given column
        index
    =====================================================*/
    GetHeaderElement: function(colIndex){
        var table = this.gridLayout ? this.headTbl : this.tbl;
        var header, tHead = TF.tag(this.tbl,'thead');
        for(var i=0; i<this.nbCells; i++){
            if(i !== colIndex){
                continue;
            }
            if(tHead.length === 0){
                header = table.rows[this.headersRow].cells[i];
            }
            if(tHead.length === 1){
                header = tHead[0].rows[this.headersRow].cells[i];
            }
            break;
        }
        return header;
    },

    /*====================================================
        - returns the original configuration object
    =====================================================*/
    GetConfigObject: function(){
        return this.fObj;
    },

    /*====================================================
        - returns the total number of rows that can be
        filtered
    =====================================================*/
    GetFilterableRowsNb: function(){
        return this.GetRowsNb(false);
    }
};

function numSortAsc(a, b){ return (a-b); }

function numSortDesc(a, b){ return (b-a); }

function ignoreCaseSort(a, b){
    var x = str.lower(a);
    var y = str.lower(b);
    return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}

function removeNbFormat(data, format){
    if(!data){
        return;
    }
    if(!format){
        format = 'us';
    }
    var n = data;
    if(str.lower(format)==='us'){
        n =+ n.replace(/[^\d\.-]/g,'');
    } else {
        n =+ n.replace(/[^\d\,-]/g,'').replace(',','.');
    }
    return n;
}

function isImported(filePath, type){
    var imported = false,
        importType = !type ? 'script' : type,
        attr = importType == 'script' ? 'src' : 'href',
        files = TF.tag(doc,importType);
    for (var i=0; i<files.length; i++){
        if(files[i][attr] === undefined){
            continue;
        }
        if(files[i][attr].match(filePath)){
            imported = true;
            break;
        }
    }
    return imported;
}

// function isStylesheetImported(stylesheet){
//     var isImported = false;
//     if(!doc.styleSheets){
//         return isImported;
//     }
//     var s = doc.styleSheets,
//         regexp = new RegExp(stylesheet);
//     for(var i=0; i<s.length; i++){
//         if(s[i].imports){//IE
//             var imp = s[i].imports;
//             for(var j=0; j<imp.length; j++){
//                 if(str.lower(imp[j].href) === str.lower(stylesheet)){
//                     isImported = true;
//                     break;
//                 }
//             }
//         } else {
//             var r = s[i].cssRules ? s[i].cssRules : s[i].rules;
//             for(var k=0; k<r.length; k++){
//                 if(regexp.test(r[k].cssText)){
//                     isImported = true;
//                     break;
//                 }
//             }
//         }
//     }
//     return isImported;
// }

//Firefox does not support outerHTML property
function setOuterHtml(){
    if(doc.body.__defineGetter__){
        if(HTMLElement) {
            var element = HTMLElement.prototype;
            if(element.__defineGetter__){
                element.__defineGetter__("outerHTML",
                    function(){
                        var parent = this.parentNode;
                        var el = dom.create(parent.tagName);
                        el.appendChild(this);
                        var shtml = el.innerHTML;
                        parent.appendChild(this);
                        return shtml;
                    }
                );
            }
            if(element.__defineSetter__) {
                HTMLElement.prototype.__defineSetter__(
                    "outerHTML", function(sHTML){
                   var r = this.ownerDocument.createRange();
                   r.setStartBefore(this);
                   var df = r.createContextualFragment(sHTML);
                   this.parentNode.replaceChild(df, this);
                   return sHTML;
                });
            }
        }
    }
}

return TableFilter;

});

// modules container
function TF(){}

TF.id = function(id){
    return document.getElementById(id);
};

TF.tag = function(o, tagname){
    return o.getElementsByTagName(tagname);
};

TF.isIE = /msie|MSIE/.test(navigator.userAgent);

/*====================================================
    - this is just a getElementById shortcut
=====================================================*/
// function tf_Id(id){
//     return document.getElementById(id);
// }

/*====================================================
    - this is just a getElementsByTagName shortcut
=====================================================*/
// function tf_Tag(o,tagname){
//     return o.getElementsByTagName(tagname);
// }

// Is this IE 6? the ultimate browser sniffer ;-)
//window['tf_isIE'] = (window.innerHeight) ? false : true;
// window['tf_isIE'] = window.innerHeight ? false :
//                     /msie|MSIE 6/.test(navigator.userAgent) ? true : false;
// window['tf_isIE7'] = window.innerHeight ? false :
//                     /msie|MSIE 7/.test(navigator.userAgent) ? true : false;
// window['tf_isNotIE'] = !(/msie|MSIE/.test(navigator.userAgent));

// function tf_IsValidDate(dateStr, format){
//     if(!format) {
//         format = 'DMY';
//     }
//     format = format.toUpperCase();
//     if(format.length != 3) {
//         if(format==='DDMMMYYYY'){
//             var d = tf_FormatDate(dateStr, format);
//             dateStr = d.getDate()+'/'+(d.getMonth()+1)+'/'+d.getFullYear();
//             format = 'DMY';
//         }
//     }
//     if((format.indexOf('M') === -1) || (format.indexOf('D') === -1) ||
//         (format.indexOf('Y') === -1)){
//         format = 'DMY';
//     }
//     var reg1, reg2;
//     // If the year is first
//     if(format.substring(0, 1) == 'Y') {
//           reg1 = /^\d{2}(\-|\/|\.)\d{1,2}\1\d{1,2}$/;
//           reg2 = /^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/;
//     } else if(format.substring(1, 2) == 'Y') { // If the year is second
//           reg1 = /^\d{1,2}(\-|\/|\.)\d{2}\1\d{1,2}$/;
//           reg2 = /^\d{1,2}(\-|\/|\.)\d{4}\1\d{1,2}$/;
//     } else { // The year must be third
//           reg1 = /^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{2}$/;
//           reg2 = /^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/;
//     }
//     // If it doesn't conform to the right format (with either a 2 digit year or
//     // 4 digit year), fail
//     if(reg1.test(dateStr) === false && reg2.test(dateStr) === false) {
//         return false;
//     }
//     // Split into 3 parts based on what the divider was
//     var parts = dateStr.split(RegExp.$1);
//     var mm, dd, yy;
//     // Check to see if the 3 parts end up making a valid date
//     if(format.substring(0, 1) === 'M'){
//         mm = parts[0];
//     } else if(format.substring(1, 2) === 'M'){
//         mm = parts[1];
//     } else {
//         mm = parts[2];
//     }
//     if(format.substring(0, 1) === 'D'){
//         dd = parts[0];
//     } else if(format.substring(1, 2) === 'D'){
//         dd = parts[1];
//     } else {
//         dd = parts[2];
//     }
//     if(format.substring(0, 1) === 'Y'){
//         yy = parts[0];
//     } else if(format.substring(1, 2) === 'Y'){
//         yy = parts[1];
//     } else {
//         yy = parts[2];
//     }
//     if(parseFloat(yy) <= 50){
//         yy = (parseFloat(yy) + 2000).toString();
//     }
//     if(parseFloat(yy) <= 99){
//         yy = (parseFloat(yy) + 1900).toString();
//     }
//     var dt = new Date(
//         parseFloat(yy), parseFloat(mm)-1, parseFloat(dd), 0, 0, 0, 0);
//     if(parseFloat(dd) != dt.getDate()){
//         return false;
//     }
//     if(parseFloat(mm)-1 != dt.getMonth()){
//         return false;
//     }
//     return true;
// }

// function tf_FormatDate(dateStr, format){
//     if(!format){
//         format = 'DMY';
//     }
//     if(!dateStr || dateStr === ''){
//         return new Date(1001, 0, 1);
//     }
//     var oDate, parts;

//     function y2kDate(yr){
//         if(yr === undefined){
//             return 0;
//         }
//         if(yr.length>2){
//             return yr;
//         }
//         var y;
//         //>50 belong to 1900
//         if(yr <= 99 && yr>50){
//             y = '19' + yr;
//         }
//         //<50 belong to 2000
//         if(yr<50 || yr === '00'){
//             y = '20' + yr;
//         }
//         return y;
//     }

//     function mmm2mm(mmm){
//         if(mmm === undefined){
//             return 0;
//         }
//         var mondigit;
//         var MONTH_NAMES = [
//             'january','february','march','april','may','june','july','august',
//             'september','october','november','december',
//             'jan','feb','mar','apr','may','jun','jul','aug','sep','oct','nov',
//             'dec'
//         ];
//         for(var m_i=0; m_i < MONTH_NAMES.length; m_i++){
//                 var month_name = MONTH_NAMES[m_i];
//                 if (mmm.toLowerCase() === month_name){
//                     mondigit = m_i+1;
//                     break;
//                 }
//         }
//         if(mondigit > 11 || mondigit < 23){
//             mondigit = mondigit - 12;
//         }
//         if(mondigit < 1 || mondigit > 12){
//             return 0;
//         }
//         return mondigit;
//     }

//     switch(format.toUpperCase()){
//         case 'DDMMMYYYY':
//             parts = dateStr.replace(/[- \/.]/g,' ').split(' ');
//             oDate = new Date(y2kDate(parts[2]),mmm2mm(parts[1])-1,parts[0]);
//         break;
//         case 'DMY':
//             parts = dateStr.replace(
//                 /^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/,'$1 $3 $5').split(' ');
//             oDate = new Date(y2kDate(parts[2]),parts[1]-1,parts[0]);
//         break;
//         case 'MDY':
//             parts = dateStr.replace(
//                 /^(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])([- \/.])((\d\d)?\d\d)$/,'$1 $3 $5').split(' ');
//             oDate = new Date(y2kDate(parts[2]),parts[0]-1,parts[1]);
//         break;
//         case 'YMD':
//             parts = dateStr.replace(/^((\d\d)?\d\d)([- \/.])(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])$/,'$1 $4 $6').split(' ');
//             oDate = new Date(y2kDate(parts[0]),parts[1]-1,parts[2]);
//         break;
//         default: //in case format is not correct
//             parts = dateStr.replace(/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/,'$1 $3 $5').split(' ');
//             oDate = new Date(y2kDate(parts[2]),parts[1]-1,parts[0]);
//         break;
//     }
//     return oDate;
// }

/* --- */

/*====================================================
    - Sets filters grid bar
    - Calls TF Constructor and generates grid bar
    - Params:
            - id: table id (string)
            - refRow (optional): row index (number)
            - config (optional): configuration
            object (literal object)
    - Returns TF object
=====================================================*/
function setFilterGrid(id){
    if(arguments.length === 0){
        return;
    }
    var tf = new TableFilter(arguments[0], arguments[1], arguments[2]);
    tf.init();
    window['tf_'+id] = tf;
    return tf;
}

/*===BEGIN removable section===========================
    - Unobtrusive grid bar generation using
    'filterable' class
    - If you don't use it you can remove safely this
    section
/*=====================================================*/
// window['tf_isNotIE'] = !(/msie|MSIE/.test(navigator.userAgent));
// TF.Event.add(window,
//     (tf_isNotIE || (typeof window.addEventListener === 'function') ?
//         'DOMContentLoaded' : 'load'),
//     initFilterGrid);

// function initFilterGrid(){
//     if(!document.getElementsByTagName){ return; }
//     var tbls = TF.tag(document,'table'), config;
//     for (var i=0; i<tbls.length; i++){
//         var cTbl = tbls[i], cTblId = cTbl.getAttribute('id');
//         if(TF.Dom.hasClass(cTbl,'filterable') && cTblId){
//             if(TF.Types.isObj(cTblId+'_config')){
//                 config = window[cTblId+'_config'];
//             } else { config = undefined; }
//             window[cTblId+'_isUnob'] = true;
//             setFilterGrid(cTblId,config);
//         }
//     }// for i
// }
/*===END removable section===========================*/