/*------------------------------------------------------------------------

	- HTML Table Filter Generator v1.9.6

	- By Max Guglielmi (tablefilter.free.fr)

	- Licensed under the MIT License

--------------------------------------------------------------------------

Copyright (c) 2009 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 for active contribution and inspiration

------------------------------------------------------------------------*/

function setFilterGrid(id)

/*====================================================

	- 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)

=====================================================*/

{

	if( arguments.length==0 ) return;

	eval( 'tf_'+id+' = new TF(arguments[0],arguments[1],arguments[2])' );

	eval( 'tf_'+id+'.AddGrid();' );

}

/*===BEGIN removable section===========================

	- Unobtrusive grid bar generation using 

	'filterable' class

	- If you don't use it you can remove safely this 

	section

/*=====================================================*/

tf_addEvent(window, '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_hasClass(cTbl,'filterable') && cTblId )

		{

			if( tf_isObj(cTblId+'_config') )

				config = eval(cTblId+'_config');

			else

				config = undefined;

			setFilterGrid( cTblId,config );

		}

	}// for i

}

/*===END removable section===========================*/

var TF = function( id )

/*====================================================

	- TF object constructor

	- Params:

			- id: table id (string)

			- refRow (optional): row index (number)

			- config (optional): configuration 

			object (literal object)

=====================================================*/

{

	if( arguments.length==0 ) return;

	this.id = id;

	this.tbl = tf_Id(id);

	this.startRow = undefined;

	this.refRow = null;

	this.headersRow = null;

	this.fObj = null;

	this.nbFilterableRows = null;

	this.nbRows = null;

	this.nbCells = null;

	this.hasGrid = false;

	if(this.tbl != null && this.tbl.nodeName.tf_LCase() == 'table' && this.GetRowsNb())

    {

		if(arguments.length>1)

        {

            for(var i=0; i<arguments.length; i++)

            {

                var argtype = typeof arguments[i];

                switch(argtype.tf_LCase())

                {

                    case 'number':

                        this.startRow = arguments[i];

                    break;

                    case 'object':

                        this.fObj = arguments[i];

                    break;

                }//switch                           

            }//for

        }//if

		var f = this.fObj;

		/*** filter types ***/

		this.fltTypeInp =			'input';

		this.fltTypeSlc =			'select';

		this.fltTypeMulti =			'multiple';

		this.fltTypeCheckList =		'checklist';

		this.fltTypeNone =			'none';

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

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

		/*** Grid layout ***/

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

		this.gridWidth =			f!=undefined && f.grid_width!=undefined ? f.grid_width : null; //defines grid width

		this.gridHeight =			f!=undefined && f.grid_height!=undefined ? f.grid_height : null; //defines grid height

		this.gridMainContCssClass = f!=undefined && f.grid_cont_css_class!=undefined //defines css class for main container

										? f.grid_cont_css_class : 'grd_Cont';

		this.gridContCssClass =		f!=undefined && f.grid_tbl_cont_css_class!=undefined //defines css class for div containing table

										? f.grid_tbl_cont_css_class : 'grd_tblCont';

		this.gridHeadContCssClass = f!=undefined && f.grid_tblHead_cont_css_class!=undefined //defines css class for div containing headers' table

										? f.grid_tblHead_cont_css_class : 'grd_headTblCont';

		this.gridInfDivCssClass =	f!=undefined && f.grid_inf_grid_css_class!=undefined //defines css class for div containing rows counter, paging etc.

										? f.grid_inf_grid_css_class : 'grd_inf';

		this.gridHeadRowIndex =		f!=undefined && f.grid_headers_row_index!=undefined //defines which row contains column headers

										? f.grid_headers_row_index : 0; 

		this.gridHeadRows =			f!=undefined && f.grid_headers_rows!=undefined //array of headers row indexes to be placed in header table

										? f.grid_headers_rows : [0];

		this.gridEnableFilters =	f!=undefined && f.grid_enable_default_filters!=undefined 

										? f.grid_enable_default_filters : true; //generate filters in table headers

		this.gridDefaultColWidth =	f!=undefined && f.grid_default_col_width!=undefined 

										? f.grid_default_col_width : '100px'; //default col width						

		this.gridEnableColResizer =	f!=undefined && f.grid_enable_cols_resizer!=undefined 

										? f.grid_enable_cols_resizer : true; //enables/disables columns resizer

		this.hasGridWidthsRow =		false; //flag indicating if the grid has an additional row for column widths (IE<=7)

		this.gridColElms =			[];

		this.sourceTblHtml = 		this.tbl.outerHTML; //original table html												

		/*** ***/

		this.filtersRowIndex =		f!=undefined && f.filters_row_index!=undefined //defines in which row filters grid bar is generated

										? f.filters_row_index>1 ? 1 : f.filters_row_index : 0;

		this.fltCellTag =			f!=undefined && f.filters_cell_tag!=undefined //defines tag of the cells containing filters (td/th)

										? (f.filters_cell_tag!='th' ? 'td' : 'th') : 'td';		

		this.fltIds = 				[]; //stores filters ids

		this.searchArgs =			null; //stores filters values

		this.tblData =				[]; //stores table data

		this.validRowsIndex =		null; //stores valid rows indexes (rows visible upon filtering)

		this.fltGridEl =			null; //stores filters row element

		this.isFirstLoad =			true; //is first load boolean 

		this.infDiv =				null; //container div for paging elements, reset btn etc.

		this.lDiv =					null; //div for rows counter

		this.rDiv =					null; //div for reset button and results per page select

		this.mDiv =					null; //div for paging elements

		this.contDiv =				null; //table container div for fixed headers (IE only)

		this.infDivCssClass =		f!=undefined && f.inf_div_css_class!=undefined	//defines css class for div containing

										? f.inf_div_css_class : 'inf';				//paging elements, rows counter etc.

		this.lDivCssClass =			f!=undefined && f.left_div_css_class!=undefined	//defines css class for left div 

										? f.left_div_css_class : 'ldiv';

		this.rDivCssClass =			f!=undefined && f.right_div_css_class!=undefined //defines css class for right div 

										? f.right_div_css_class : 'rdiv';

		this.mDivCssClass =			f!=undefined && f.middle_div_css_class!=undefined //defines css class for mid div 

										? f.middle_div_css_class : 'mdiv';

		this.contDivCssClass =		f!=undefined && f.content_div_css_class!=undefined 

										? f.content_div_css_class : 'cont';	//table container div css class

		/*** filters' grid appearance ***/

		this.fltsRowCssClass =		f!=undefined && f.flts_row_css_class!=undefined //defines css class for filters row

										? f.flts_row_css_class : 'fltrow';		

		this.alternateBgs =			f!=undefined && f.alternate_rows ? true : false; //enables/disbles rows alternating bg colors

		this.hasColWidth =			f!=undefined && f.col_width ? true : false; //defines widths of columns

		this.colWidth =				f!=undefined && this.hasColWidth ? f.col_width : null;

		this.fixedHeaders =			f!=undefined && f.fixed_headers ? true : false; //enables/disables fixed headers

		this.tBodyH = 				f!=undefined && f.tbody_height ? f.tbody_height : 200; //tbody height if fixed headers enabled

		this.fltCssClass =			f!=undefined && f.flt_css_class!=undefined //defines css class for filters

										? f.flt_css_class : 'flt';

		this.fltMultiCssClass =		f!=undefined && f.flt_multi_css_class!=undefined //defines css class for multiple selects filters

										? f.flt_multi_css_class : 'flt_multi';

		this.fltSmallCssClass =		f!=undefined && f.flt_small_css_class!=undefined //defines css class for filters

										? f.flt_small_css_class : 'flt_s';

		this.singleFltCssClass =	f!=undefined && f.single_flt_css_class!=undefined //defines css class for single-filter

										? f.single_flt_css_class : 'single_flt';	

		this.isStartBgAlternate =	true;

		this.rowBgEvenCssClass =	f!=undefined && f.even_row_css_class!=undefined //defines css class for even rows

										? f.even_row_css_class :'even';

		this.rowBgOddCssClass =		f!=undefined && f.odd_row_css_class!=undefined //defines css class for odd rows

										? f.odd_row_css_class :'odd';

		/*** filters' grid behaviours ***/

		this.enterKey =				f!=undefined && f.enter_key==false ? false : true; //enables/disables enter key

		this.isModFilterFn = 		f!=undefined && f.mod_filter_fn ? true : false; //enables/disables alternative fn call		

		this.modFilterFn =			this.isModFilterFn ? f.mod_filter_fn : null;// used by tf_DetectKey fn

		this.onBeforeFilter =		f!=undefined && tf_isFn(f.on_before_filter) //calls function before filtering starts

										? f.on_before_filter : null;

		this.onAfterFilter =		f!=undefined && tf_isFn(f.on_after_filter) //calls function after filtering

										? f.on_after_filter : null;								

		this.matchCase =			f!=undefined && f.match_case ? true : false; //enables/disables case sensitivity

		this.exactMatch =			f!=undefined && f.exact_match ? true : false; //enables/disbles exact match for search

		this.refreshFilters =		f!=undefined && f.refresh_filters ? true : false; //refreshes drop-down lists upon validation

		this.activeFlt =			null; //stores active filter element

		this.activeFilterId =		null; //id of active filter

		this.hasColOperation =		f!=undefined && f.col_operation ? true : false; //enables/disbles column operation(sum,mean)

		this.colOperation =			null;

		this.hasVisibleRows = 		f!=undefined && f.rows_always_visible ? true : false; //enables always visible rows

		this.visibleRows =			this.hasVisibleRows ? f.rows_always_visible : [];//array containing always visible rows

		this.searchType =			f!=undefined && f.search_type!=undefined //defines search type: include or exclude

										? f.search_type : 'include';

		this.isExternalFlt =		f!=undefined && f.external_flt_grid ? true : false; //enables/disables external filters generation

		this.externalFltTgtIds =	f!=undefined && f.external_flt_grid_ids!=undefined //array containing ids of external elements containing filters

										? f.external_flt_grid_ids : null;

		this.externalFltEls =		[]; //stores filters elements if isExternalFlt is true		

		this.execDelay =			f!=undefined && f.exec_delay ? parseInt(f.exec_delay) : 100; //delays filtering process if loader true

		this.status =				f!=undefined && f.status ? true : false; //enables/disables status messages

		this.onFiltersLoaded =		f!=undefined && tf_isFn(f.on_filters_loaded) //calls function when filters grid loaded

										? f.on_filters_loaded : null;

		this.singleSearchFlt =		f!=undefined && f.single_search_filter ? true : false; //enables/disables single filter search

		this.onRowValidated =		f!=undefined && tf_isFn(f.on_row_validated) //calls function after row is validated

									 	? f.on_row_validated : null;

		this.customCellDataCols =	f!=undefined && f.custom_cell_data_cols ? f.custom_cell_data_cols : []; //array defining columns for customCellData event 	

		this.customCellData =		f!=undefined && tf_isFn(f.custom_cell_data) //calls custom function for retrieving cell data

									 	? f.custom_cell_data : null;																

		/*** selects customisation and behaviours ***/

		this.displayAllText =		f!=undefined && f.display_all_text!=undefined ? f.display_all_text : ''; //defines 1st option text

		this.onSlcChange = 			f!=undefined && f.on_change==false ? false : true; //enables/disables onChange event on combo-box 

		this.sortSlc =				f!=undefined && f.sort_select==false ? false : true; //enables/disables select options sorting

		this.isSortNumAsc =			f!=undefined && f.sort_num_asc ? true : false; //enables/disables ascending numeric options sorting

		this.sortNumAsc =			this.isSortNumAsc ? f.sort_num_asc : null;

		this.isSortNumDesc =		f!=undefined && f.sort_num_desc ? true : false; //enables/disables descending numeric options sorting

		this.sortNumDesc =			this.isSortNumDesc ? f.sort_num_desc : null;

		this.slcFillingMethod =		f!=undefined && f.slc_filling_method!=undefined //sets select filling method: 'innerHTML' or 

										? f.slc_filling_method : 'createElement';	//'createElement'

		this.fillSlcOnDemand =		f!=undefined && f.fill_slc_on_demand ? true : false; //enabled selects are populated on demand

		this.activateSlcTooltip =	f!=undefined && f.activate_slc_tooltip!=undefined //IE only, tooltip text appearing on select 

										? f.activate_slc_tooltip : 'Click to activate'; // before it is populated

		this.multipleSlcTooltip =	f!=undefined && f.multiple_slc_tooltip!=undefined //tooltip text appearing on multiple select 

										? f.multiple_slc_tooltip : 'Use Ctrl key for multiple selections';

		this.hasCustomSlcOptions =	f!=undefined && f.custom_slc_options &&

										(typeof f.custom_slc_options).tf_LCase() == 'object' 

										? true : false;	

		this.customSlcOptions =		f!=undefined && f.custom_slc_options!=undefined

										? f.custom_slc_options : null;

		this.onBeforeOperation =	f!=undefined && tf_isFn(f.on_before_operation) //calls function before col operation

										? f.on_before_operation : null;

		this.onAfterOperation =		f!=undefined && tf_isFn(f.on_after_operation) //calls function after col operation

										? f.on_after_operation : null;

		/*** checklist customisation and behaviours ***/

		this.checkListDiv = 		[]; //checklist container div

		this.checkListDivCssClass = f!=undefined && f.div_checklist_css_class!=undefined 

										? f.div_checklist_css_class : 'div_checklist'; //defines css class for div containing checklist filter

		this.checkListCssClass =	f!=undefined && f.checklist_css_class!=undefined //defines css class for checklist filters

										? f.checklist_css_class : 'flt_checklist';

		this.checkListItemCssClass = f!=undefined && f.checklist_item_css_class!=undefined //defines css class for checklist item (li)

										? f.checklist_item_css_class : 'flt_checklist_item';

		this.checkListSlcItemCssClass = f!=undefined && f.checklist_selected_item_css_class!=undefined //defines css class for selected checklist item (li)

										? f.checklist_selected_item_css_class : 'flt_checklist_slc_item';								

		this.activateCheckListTxt =	f!=undefined && f.activate_checklist_text!=undefined //Load on demand text 

										? f.activate_checklist_text : 'Click to load data';

		/*** Filter operators ***/

		this.orOperator =			f!=undefined && f.or_operator!=undefined ? f.or_operator : '||';

		this.anOperator =			f!=undefined && f.and_operator!=undefined ? f.and_operator : '&&';

		this.grOperator = 			f!=undefined && f.greater_operator!=undefined ? f.greater_operator : '>';

		this.lwOperator =			f!=undefined && f.lower_operator!=undefined ? f.lower_operator : '<';

		this.leOperator =			f!=undefined && f.lower_equal_operator!=undefined ? f.lower_equal_operator : '<=';

		this.geOperator =			f!=undefined && f.greater_equal_operator!=undefined ? f.greater_equal_operator : '>=';

		this.dfOperator =			f!=undefined && f.different_operator!=undefined ? f.different_operator : '!';

		this.lkOperator =			f!=undefined && f.like_operator!=undefined ? f.like_operator : '*';

		this.eqOperator =			f!=undefined && f.equal_operator!=undefined ? f.equal_operator : '=';

		this.stOperator =			f!=undefined && f.start_with_operator!=undefined ? f.start_with_operator : '{';

		this.enOperator =			f!=undefined && f.end_with_operator!=undefined ? f.end_with_operator : '}';

		this.curExp =				f!=undefined && f.cur_exp!=undefined ? f.cur_exp : '^[¥£€$]';

		this.separator = 			f!=undefined && f.separator!=undefined ? f.separator : ',';

		/*** rows counter ***/

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

		this.rowsCounterTgtId =		f!=undefined && f.rows_counter_target_id!=undefined //id of custom container element

										? f.rows_counter_target_id : null;

		this.rowsCounterDiv =		null; //element containing tot nb rows

		this.rowsCounterSpan =		null; //element containing tot nb rows label

		this.rowsCounterText =		f!=undefined && f.rows_counter_text!=undefined

										? f.rows_counter_text : 'Rows: '; //defines rows counter text

		this.totRowsCssClass =		f!=undefined && f.tot_rows_css_class!=undefined //defines css class rows counter

										? f.tot_rows_css_class : 'tot';		

		/*** status bar ***/

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

		this.statusBarTgtId =		f!=undefined && f.status_bar_target_id!=undefined //id of custom container element

										? f.status_bar_target_id : null;

		this.statusBarDiv =			null; //element containing status bar label

		this.statusBarSpan =		null; //status bar

		this.statusBarSpanText =	null; //status bar label

		this.statusBarText =		f!=undefined && f.status_bar_text!=undefined

										? f.status_bar_text : ''; //defines status bar text

		this.statusBarCssClass =	f!=undefined && f.status_bar_css_class!=undefined //defines css class status bar

										? f.status_bar_css_class : 'status';

		this.statusBarCloseDelay =	250; //delay for status bar clearing			

		/*** loader ***/

		this.loader =				f!=undefined && f.loader ? true : false; //enables/disables loader

		this.loaderTgtId =			f!=undefined && f.loader_target_id!=undefined //id of container element

										? f.loader_target_id : null;

		this.loaderDiv =			null; //div containing loader

		this.loaderText =			f!=undefined && f.loader_text!=undefined ? f.loader_text : 'Loading...'; //defines loader text

		this.loaderHtml =			f!=undefined && f.loader_html!=undefined ? f.loader_html : null; //defines loader innerHtml

		this.loaderCssClass = 		f!=undefined && f.loader_css_class!=undefined //defines css class for loader div

										? f.loader_css_class : 'loader';

		this.loaderCloseDelay =		200; //delay for hiding loader

		this.onShowLoader =			f!=undefined && tf_isFn(f.on_show_loader) //calls function before loader is displayed

										? f.on_show_loader : null;

		this.onHideLoader =			f!=undefined && tf_isFn(f.on_hide_loader) //calls function after loader is closed

										? f.on_hide_loader : null;					

		/*** validation - reset buttons/links ***/

		this.displayBtn =			f!=undefined && f.btn ? true : false; //show/hides filter's validation button

		this.btnText =				f!=undefined && f.btn_text!=undefined ? f.btn_text : 'go'; //defines validation button text

		this.btnCssClass =			f!=undefined && f.btn_css_class!=undefined //defines css class for validation button

										? f.btn_css_class : 'btnflt';

		this.btnReset = 			f!=undefined && f.btn_reset ? true : false; //show/hides reset link

		this.btnResetTgtId =		f!=undefined && f.btn_reset_target_id!=undefined //id of container element

										? f.btn_reset_target_id : null;

		this.btnResetEl =			null; //reset button element

		this.btnResetText =			f!=undefined && f.btn_reset_text!=undefined ? f.btn_reset_text : 'Reset'; //defines reset text

		this.btnResetHtml = 		f!=undefined && f.btn_reset_html!=undefined ? f.btn_reset_html : null; //defines reset button innerHtml

		this.btnResetCssClass =		f!=undefined && f.btn_reset_css_class!=undefined //defines css class for reset button

										? f.btn_reset_css_class :'reset';

		/*** paging ***/

		this.paging =				f!=undefined && f.paging ? true : false; //enables/disables table paging

		this.pagingTgtId =			f!=undefined && f.paging_target_id!=undefined //id of container element

										? f.paging_target_id : null;		

		this.pagingLength =			f!=undefined && f.paging_length!=undefined ? f.paging_length : 10; //defines table paging length

		this.hasResultsPerPage =	f!=undefined && f.results_per_page ? true : false; //enables/disables results per page drop-down

		this.resultsPerPageTgtId =	f!=undefined && f.results_per_page_target_id!=undefined //id of container element

										? f.results_per_page_target_id : null;	

		this.resultsPerPage =		null; //stores results per page text and values			

		this.pagingSlc =			null; //stores paging select element

		this.isPagingRemoved =		false; //indicates if paging elements were previously removed

		this.pgSlcCssClass =		f!=undefined && f.paging_slc_css_class!=undefined

										? f.paging_slc_css_class :'pgSlc'; //css class for paging select element

		this.pgInpCssClass =		f!=undefined && f.paging_inp_css_class!=undefined

										? f.paging_inp_css_class :'pgNbInp'; //css class for paging input element

		this.resultsPerPageSlc =	null; //results per page select element

		this.resultsSlcCssClass =	f!=undefined && f.results_slc_css_class!=undefined

										? f.results_slc_css_class :'rspg'; //defines css class for results per page select

		this.resultsSpanCssClass =	f!=undefined && f.results_span_css_class!=undefined

										? f.results_span_css_class :'rspgSpan'; //css class for label preceding results per page select

		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

		this.btnNextPageText = 		f!=undefined && f.btn_next_page_text!=undefined

										? f.btn_next_page_text : '>'; //defines next page button text

		this.btnPrevPageText =		f!=undefined && f.btn_prev_page_text!=undefined

										? f.btn_prev_page_text : '<'; //defines previous page button text

		this.btnLastPageText =		f!=undefined && f.btn_last_page_text!=undefined

										? f.btn_last_page_text : '>|'; //defines last page button text

		this.btnFirstPageText =		f!=undefined && f.btn_first_page_text!=undefined

										? f.btn_first_page_text : '|<' ; //defines first page button text

		this.btnNextPageHtml =		f!=undefined && f.btn_next_page_html!=undefined

										? f.btn_next_page_html : null; //defines next page button html

		this.btnPrevPageHtml =		f!=undefined && f.btn_prev_page_html!=undefined

										? f.btn_prev_page_html : null; //defines previous page button html

		this.btnFirstPageHtml =		f!=undefined && f.btn_first_page_html!=undefined

										? f.btn_first_page_html : null; //defines last page button html

		this.btnLastPageHtml =		f!=undefined && f.btn_last_page_html!=undefined

										? f.btn_last_page_html : null; //defines previous page button html

		this.btnPageCssClass =		f!=undefined && f.paging_btn_css_class!=undefined

										? f.paging_btn_css_class :'pgInp'; //css class for paging buttons (previous,next,etc.)

		this.nbPgSpanCssClass = 	f!=undefined && f.nb_pages_css_class!=undefined

										? f.nb_pages_css_class :'nbpg'; //css class for span containing tot nb of pages

		this.hasPagingBtns =		f!=undefined && f.paging_btns==false ? false : true; //enables/disables paging buttons

		this.pagingBtnEvents =		null; //stores paging buttons events

		this.pageSelectorType =		f!=undefined && f.page_selector_type!=undefined

										? f.page_selector_type : this.fltTypeSlc; //defines previous page button html		

		/*** webfx sort adapter ***/

		this.sort =					f!=undefined && f.sort ? true : false; //enables/disables default table sorting

		this.isSortEnabled =		false; //indicates if sort is set (used in tfAdapter.sortabletable.js)

		this.sorted =				false; //indicates if tables was sorted

		this.sortConfig =			f!=undefined && f.sort_config!=undefined 

										? f.sort_config : {};

		this.sortConfig.name =		f!=undefined && f.sort_config!=undefined && f.sort_config.name

										? f.sort_config.name : 'sortabletable';

		this.sortConfig.src =		f!=undefined && f.sort_config!=undefined && f.sort_config.src

										? f.sort_config.src : 'sortabletable.js';

		this.sortConfig.adapterSrc =f!=undefined && f.sort_config!=undefined && f.sort_config.adapter_src

										? f.sort_config.adapter_src : 'tfAdapter.sortabletable.js';

		this.sortConfig.initialize =f!=undefined && f.sort_config!=undefined && f.sort_config.initialize

										? f.sort_config.initialize

										: function(o){ if(o.SetSortTable) o.SetSortTable(); };

		this.sortConfig.sortTypes =	f!=undefined && f.sort_config!=undefined && f.sort_config.sort_types

										? f.sort_config.sort_types : [];

		this.sortConfig.sortCol =	f!=undefined && f.sort_config!=undefined && f.sort_config.sort_col!=undefined

										? f.sort_config.sort_col : null;

		this.sortConfig.asyncSort =	f!=undefined && f.sort_config!=undefined && f.sort_config.async_sort

										? true : false;

		this.sortConfig.triggerIds =f!=undefined && f.sort_config!=undefined && f.sort_config.sort_trigger_ids

										? f.sort_config.sort_trigger_ids : [];									

		/*** onkeyup event ***/

		this.onKeyUp =				f!=undefined && f.on_keyup ? true : false; //enables/disables onkeyup event, table is filtered when user stops typing

		this.onKeyUpDelay =			f!=undefined && f.on_keyup_delay!=undefined ? f.on_keyup_delay : 900; //onkeyup delay timer (msecs)

		this.isUserTyping = 		null; //typing indicator

		this.onKeyUpTimer = 		undefined;		

		/*** keyword highlighting ***/

		this.highlightKeywords = 	f!=undefined && f.highlight_keywords ? true : false; //enables/disables keyword highlighting

		this.highlightCssClass =	f!=undefined && f.highlight_css_class!=undefined //defines css class for highlighting

										? f.highlight_css_class : 'keyword';	

		/*** data types ***/

		this.defaultDateType =		f!=undefined && f.default_date_type!=undefined //defines default date type (european DMY)

										? f.default_date_type : 'DMY';

		this.thousandsSeparator =	f!=undefined && f.thousands_separator!=undefined //defines default thousands separator 

										? f.thousands_separator : ','; //US = ',' EU = '.'

		this.decimalSeparator = 	f!=undefined && f.decimal_separator!=undefined //defines default decimal separator 

										? f.decimal_separator : '.'; //US & javascript = '.' EU = ','

		this.hasColNbFormat = 		f!=undefined && f.col_number_format ? true : false; //enables number format per column

		this.colNbFormat = 			f!=undefined && this.hasColNbFormat ? f.col_number_format : null; //array containing columns nb formats

		this.hasColDateType = 		f!=undefined && f.col_date_type ? true : false; //enables date type per column

		this.colDateType =			f!=undefined && this.hasColDateType ? f.col_date_type : null; //array containing columns date type

		/*** status messages ***/

		this.msgFilter =			f!=undefined && f.msg_filter!=undefined //filtering

										? f.msg_filter : 'Filtering data...'; 

		this.msgPopulate =			f!=undefined && f.msg_populate!=undefined //populating drop-downs

										? f.msg_populate : 'Populating filter...'; 

		this.msgPopulateCheckList =	f!=undefined && f.msg_populate_checklist!=undefined //populating drop-downs

										? f.msg_populate_checklist : 'Populating list...'; 

		this.msgChangePage =		f!=undefined && f.msg_change_page!=undefined //changing paging page

										? f.msg_change_page : 'Collecting paging data...';

		this.msgClear =				f!=undefined && f.msg_clear!=undefined //clearing filters

										? f.msg_clear : 'Clearing filters...';

		this.msgChangeResults =		f!=undefined && f.msg_change_results!=undefined //changing nb results/page

										? f.msg_change_results : 'Changing results per page...';

		this.msgResetValues =		f!=undefined && f.msg_reset_grid_values!=undefined //re-setting grid values

										? f.msg_reset_grid_values : 'Re-setting filters values...';

		this.msgResetPage =			f!=undefined && f.msg_reset_page!=undefined //re-setting page

										? f.msg_reset_page : 'Re-setting page...';

		this.msgResetPageLength =	f!=undefined && f.msg_reset_page_length!=undefined //re-setting page length

										? f.msg_reset_page_length : 'Re-setting page length...';

		this.msgSort =				f!=undefined && f.msg_sort!=undefined //table sorting

										? f.msg_sort : 'Sorting data...';

		this.msgLoadExtensions =	f!=undefined && f.msg_load_extensions!=undefined //table sorting

										? f.msg_load_extensions : 'Loading extensions...';			

		/*** ids prefixes ***/

		this.prfxFlt =				'flt'; //filters (inputs - selects)

		this.prfxValButton =		'btn'; //validation button

		this.prfxInfDiv =			'inf_'; //container div for paging elements, rows counter etc.

		this.prfxLDiv =				'ldiv_'; //left div

		this.prfxRDiv =				'rdiv_'; //right div

		this.prfxMDiv =				'mdiv_'; //middle div

		this.prfxContentDiv =		'cont_'; //table container if fixed headers enabled

		this.prfxCheckListDiv =		'chkdiv_'; //checklist filter container div

		this.prfxSlcPages =			'slcPages_'; //pages select

		this.prfxSlcResults = 		'slcResults_'; //results per page select

		this.prfxSlcResultsTxt =	'slcResultsTxt_'; //label preciding results per page select	

		this.prfxBtnNextSpan =		'btnNextSpan_'; //span containing next page button

		this.prfxBtnPrevSpan =		'btnPrevSpan_'; //span containing previous page button

		this.prfxBtnLastSpan =		'btnLastSpan_'; //span containing last page button

		this.prfxBtnFirstSpan =		'btnFirstSpan_'; //span containing first page button

		this.prfxBtnNext =			'btnNext_'; //next button

		this.prfxBtnPrev =			'btnPrev_'; //previous button

		this.prfxBtnLast =			'btnLast_'; //last button

		this.prfxBtnFirst =			'btnFirst_'; //first button

		this.prfxPgSpan =			'pgspan_'; //span for tot nb pages

		this.prfxPgBeforeSpan =		'pgbeforespan_'; //span preceding pages select (contains 'Page')

		this.prfxPgAfterSpan =		'pgafterspan_'; //span following pages select (contains ' of ')

		this.prfxCounter =			'counter_'; //rows counter div

		this.prfxTotRows =			'totrows_span_'; //nb displayed rows label

		this.prfxTotRowsTxt =		'totRowsTextSpan_'; //label preceding nb rows label

		this.prfxResetSpan =		'resetspan_'; //span containing reset button

		this.prfxLoader =			'load_'; //loader div

		this.prfxStatus =			'status_'; //status bar div

		this.prfxStatusSpan =		'statusSpan_'; //status bar label

		this.prfxStatusTxt =		'statusText_';//text preceding status bar label

		this.prfxCookieFltsValues =	'tf_flts_'; //filter values cookie

		this.prfxCookiePageNb =		'tf_pgnb_'; //page nb cookie

		this.prfxCookiePageLen = 	'tf_pglen_'; //page length cookie

		this.prfxMainTblCont =		'gridCont_'; //div containing grid elements if grid_layout true

		this.prfxTblCont =			'tblCont_'; //div containing table if grid_layout true

		this.prfxHeadTblCont = 		'tblHeadCont_'; //div containing headers table if grid_layout true

		this.prfxHeadTbl =			'tblHead_';	//headers' table if grid_layout true

		this.prfxGridFltTd =		'_td_'; //id of td containing the filter if grid_layout true

		this.prfxGridTh =			'tblHeadTh_'; //id of th containing column header if grid_layout true				

		/*** cookies ***/

		this.hasStoredValues =		false;

		this.rememberGridValues =	f!=undefined && f.remember_grid_values ? true : false; //remembers filters values on page load

		this.fltsValuesCookie =		this.prfxCookieFltsValues + this.id; //cookie storing filter values

		this.rememberPageNb =		this.paging && f!=undefined && f.remember_page_number

										? true : false; //remembers page nb on page load	

		this.pgNbCookie =			this.prfxCookiePageNb + this.id; //cookie storing page nb

		this.rememberPageLen =		this.paging && f!=undefined && f.remember_page_length

										? true : false; //remembers page length on page load

		this.pgLenCookie =			this.prfxCookiePageLen + this.id; //cookie storing page length

		this.cookieDuration =		f!=undefined && f.set_cookie_duration 

										? parseInt(f.set_cookie_duration) :100000; //cookie duration

		/*** extensions ***/

		this.hasExtensions =		f!=undefined && f.extensions ? true : false; //imports external script

		this.extensions =			(this.hasExtensions) ? f.extensions : null;

		/***(deprecated: backward compatibility) ***/

		this.hasBindScript =		f!=undefined && f.bind_script ? true : false; //imports external script

		this.bindScript =			(this.hasBindScript) ? f.bind_script : null;

		/*** TF events ***/