1 /*------------------------------------------------------------------------

     2 	- HTML Table Filter Generator v1.9.6

     3 	- By Max Guglielmi (tablefilter.free.fr)

     4 	- Licensed under the MIT License

     5 --------------------------------------------------------------------------

     6 Copyright (c) 2009 Max Guglielmi

     7 

     8 Permission is hereby granted, free of charge, to any person obtaining

     9 a copy of this software and associated documentation files (the

    10 "Software"), to deal in the Software without restriction, including

    11 without limitation the rights to use, copy, modify, merge, publish,

    12 distribute, sublicense, and/or sell copies of the Software, and to

    13 permit persons to whom the Software is furnished to do so, subject to

    14 the following conditions:

    15 

    16 The above copyright notice and this permission notice shall be included

    17 in all copies or substantial portions of the Software.

    18 

    19 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,

    20 EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF

    21 MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.

    22 IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY

    23 CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,

    24 TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE

    25 SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

    26 --------------------------------------------------------------------------

    27 	- Special credit to: 

    28 	Cedric Wartel, cnx.claude@free.fr, Florent Hirchy, Váry Péter, 

    29 	Anthony Maes, Nuovella Williams, Fuggerbit, Venkata Seshagiri Rao 

    30 	Raya for active contribution and inspiration

    31 ------------------------------------------------------------------------*/

    32 

    33 function setFilterGrid(id)

    34 /*====================================================

    35 	- Sets filters grid bar

    36 	- Calls TF Constructor and generates grid bar

    37 	- Params:

    38 			- id: table id (string)

    39 			- refRow (optional): row index (number)

    40 			- config (optional): configuration 

    41 			object (literal object)

    42 =====================================================*/

    43 {

    44 	if( arguments.length==0 ) return;

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

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

    47 }

    48 

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

    50 	- Unobtrusive grid bar generation using 

    51 	'filterable' class

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

    53 	section

    54 /*=====================================================*/

    55 tf_addEvent(window, 'load', initFilterGrid);

    56 

    57 function initFilterGrid()

    58 {

    59 	if (!document.getElementsByTagName) return;

    60 	var tbls = tf_Tag(document,'table'), config;

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

    62 	{

    63 		var cTbl = tbls[i], cTblId = cTbl.getAttribute('id');

    64 		if( tf_hasClass(cTbl,'filterable') && cTblId )

    65 		{

    66 			if( tf_isObj(cTblId+'_config') )

    67 				config = eval(cTblId+'_config');

    68 			else

    69 				config = undefined;

    70 			setFilterGrid( cTblId,config );

    71 		}

    72 	}// for i

    73 }

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

    75 

    76 var TF = function( id )

    77 /*====================================================

    78 	- TF object constructor

    79 	- Params:

    80 			- id: table id (string)

    81 			- refRow (optional): row index (number)

    82 			- config (optional): configuration 

    83 			object (literal object)

    84 =====================================================*/

    85 {

    86 	if( arguments.length==0 ) return;

    87 		

    88 	this.id = id;

    89 	this.tbl = tf_Id(id);

    90 	this.startRow = undefined;

    91 	this.refRow = null;

    92 	this.headersRow = null;

    93 	this.fObj = null;

    94 	this.nbFilterableRows = null;

    95 	this.nbRows = null;

    96 	this.nbCells = null;

    97 	this.hasGrid = false;

    98 	

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

   100     {

   101 		if(arguments.length>1)

   102         {

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

   104             {

   105                 var argtype = typeof arguments[i];

   106                

   107                 switch(argtype.tf_LCase())

   108                 {

   109                     case 'number':

   110                         this.startRow = arguments[i];

   111                     break;

   112                     case 'object':

   113                         this.fObj = arguments[i];

   114                     break;

   115                 }//switch                           

   116             }//for

   117         }//if

   118 		

   119 		var f = this.fObj;

   120 		

   121 		/*** filter types ***/

   122 		this.fltTypeInp =			'input';

   123 		this.fltTypeSlc =			'select';

   124 		this.fltTypeMulti =			'multiple';

   125 		this.fltTypeCheckList =		'checklist';

   126 		this.fltTypeNone =			'none';

   127 		

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

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

   130 		

   131 		/*** Grid layout ***/

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

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

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

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

   136 										? f.grid_cont_css_class : 'grd_Cont';

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

   138 										? f.grid_tbl_cont_css_class : 'grd_tblCont';

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

   140 										? f.grid_tblHead_cont_css_class : 'grd_headTblCont';

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

   142 										? f.grid_inf_grid_css_class : 'grd_inf';

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

   144 										? f.grid_headers_row_index : 0; 

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

   146 										? f.grid_headers_rows : [0];

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

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

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

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

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

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

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

   154 		this.gridColElms =			[];

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

   156 		/*** ***/

   157 								

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

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

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

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

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

   163 		this.searchArgs =			null; //stores filters values

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

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

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

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

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

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

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

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

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

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

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

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

   176 										? f.left_div_css_class : 'ldiv';

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

   178 										? f.right_div_css_class : 'rdiv';

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

   180 										? f.middle_div_css_class : 'mdiv';

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

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

   183 		

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

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

   186 										? f.flts_row_css_class : 'fltrow';		

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

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

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

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

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

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

   193 										? f.flt_css_class : 'flt';

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

   195 										? f.flt_multi_css_class : 'flt_multi';

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

   197 										? f.flt_small_css_class : 'flt_s';

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

   199 										? f.single_flt_css_class : 'single_flt';	

   200 		this.isStartBgAlternate =	true;

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

   202 										? f.even_row_css_class :'even';

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

   204 										? f.odd_row_css_class :'odd';

   205 		

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

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

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

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

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

   211 										? f.on_before_filter : null;

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

   213 										? f.on_after_filter : null;								

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

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

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

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

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

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

   220 		this.colOperation =			null;

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

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

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

   224 										? f.search_type : 'include';

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

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

   227 										? f.external_flt_grid_ids : null;

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

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

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

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

   232 										? f.on_filters_loaded : null;

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

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

   235 									 	? f.on_row_validated : null;

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

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

   238 									 	? f.custom_cell_data : null;																

   239 		

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   257 										? true : false;	

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

   259 										? f.custom_slc_options : null;

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

   261 										? f.on_before_operation : null;

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

   263 										? f.on_after_operation : null;

   264 		

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

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

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

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

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

   270 										? f.checklist_css_class : 'flt_checklist';

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

   272 										? f.checklist_item_css_class : 'flt_checklist_item';

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

   274 										? f.checklist_selected_item_css_class : 'flt_checklist_slc_item';								

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

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

   277 		

   278 		/*** Filter operators ***/

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

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

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

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

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

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

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

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

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

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

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

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

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

   292 		

   293 		/*** rows counter ***/

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

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

   296 										? f.rows_counter_target_id : null;

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

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

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

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

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

   302 										? f.tot_rows_css_class : 'tot';		

   303 		

   304 		/*** status bar ***/

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

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

   307 										? f.status_bar_target_id : null;

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

   309 		this.statusBarSpan =		null; //status bar

   310 		this.statusBarSpanText =	null; //status bar label

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

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

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

   314 										? f.status_bar_css_class : 'status';

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

   316 		

   317 		/*** loader ***/

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

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

   320 										? f.loader_target_id : null;

   321 		this.loaderDiv =			null; //div containing loader

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

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

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

   325 										? f.loader_css_class : 'loader';

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

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

   328 										? f.on_show_loader : null;

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

   330 										? f.on_hide_loader : null;					

   331 		

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

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

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

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

   336 										? f.btn_css_class : 'btnflt';

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

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

   339 										? f.btn_reset_target_id : null;

   340 		this.btnResetEl =			null; //reset button element

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

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

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

   344 										? f.btn_reset_css_class :'reset';

   345 		

   346 		/*** paging ***/

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

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

   349 										? f.paging_target_id : null;		

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

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

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

   353 										? f.results_per_page_target_id : null;	

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

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

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

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

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

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

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

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

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

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

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

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

   366 		this.nbVisibleRows	=		0; //nb visible rows

   367 		this.nbHiddenRows =			0; //nb hidden rows

   368 		this.startPagingRow =		0; //1st row index of current page

   369 		this.nbPages = 				0; //total nb of pages

   370 		this.currentPageNb =		1; //current page nb

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   395 		

   396 		/*** webfx sort adapter ***/

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

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

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

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

   401 										? f.sort_config : {};

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

   403 										? f.sort_config.name : 'sortabletable';

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

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

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

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

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

   409 										? f.sort_config.initialize

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

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

   412 										? f.sort_config.sort_types : [];

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

   414 										? f.sort_config.sort_col : null;

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

   416 										? true : false;

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

   418 										? f.sort_config.sort_trigger_ids : [];									

   419 		

   420 		/*** onkeyup event ***/

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

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

   423 		this.isUserTyping = 		null; //typing indicator

   424 		this.onKeyUpTimer = 		undefined;		

   425 		

   426 		/*** keyword highlighting ***/

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

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

   429 										? f.highlight_css_class : 'keyword';	

   430 		

   431 		/*** data types ***/

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

   433 										? f.default_date_type : 'DMY';

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

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

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

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

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

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

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

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

   442 		

   443 		/*** status messages ***/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   466 

   467 		/*** ids prefixes ***/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   507 

   508 		/*** cookies ***/

   509 		this.hasStoredValues =		false;

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

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

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

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

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

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

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

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

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

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

   520 		

   521 		/*** extensions ***/

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

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

   524 

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

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

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

   528 		

   529 		/*** TF events ***/

   530 		var o = this;

   531 		this.Evt = {

   532 			name: {

   533 				filter: 'Filter',

   534 				populateselect: 'Populate',

   535 				populatechecklist: 'PopulateCheckList',

   536 				changepage: 'ChangePage',

   537 				clear: 'Clear',

   538 				changeresultsperpage: 'ChangeResults',

   539 				resetvalues: 'ResetValues',

   540 				resetpage: 'ResetPage',

   541 				resetpagelength: 'ResetPageLength',

   542 				sort: 'Sort',

   543 				loadextensions: 'LoadExtensions'			

   544 			},

   545 			_DetectKey: function(e)

   546 			/*====================================================

   547 				- common fn that detects return key for a given

   548 				element (onkeypress for inputs)

   549 			=====================================================*/

   550 			{

   551 				if(!o.enterKey) return;

   552 				var evt=(e)?e:(window.event)?window.event:null;

   553 				if(evt)

   554 				{

   555 					var key=(evt.charCode)?evt.charCode:

   556 						((evt.keyCode)?evt.keyCode:((evt.which)?evt.which:0));

   557 					if(key=='13')

   558 					{

   559 						o.Filter();

   560 					} else { 

   561 						o.isUserTyping = true;

   562 						window.clearInterval(o.onKeyUpTimer);

   563 						o.onKeyUpTimer = undefined; 

   564 					}

   565 				}//if evt

   566 			},

   567 			_OnKeyUp: function(e)

   568 			/*====================================================

   569 				- onkeyup event for text filters 

   570 				(onKeyUp property)

   571 			=====================================================*/

   572 			{

   573 				if(!o.onKeyUp) return;

   574 				var evt=(e)?e:(window.event)?window.event:null;

   575 				var key=(evt.charCode)?evt.charCode:

   576 						((evt.keyCode)?evt.keyCode:((evt.which)?evt.which:0));

   577 				o.isUserTyping = false;

   578 				

   579 				if( key!=13 && key!=9 && key!=27 && key!=38 && key!=40 )

   580 				{

   581 					function filter()

   582 					{

   583 						window.clearInterval(o.onKeyUpTimer);

   584 						o.onKeyUpTimer = undefined;

   585 						if( !o.isUserTyping )

   586 						{

   587 							o.Filter();

   588 							o.isUserTyping = null;			

   589 						}

   590 					}

   591 					if(o.onKeyUpTimer==undefined)

   592 						o.onKeyUpTimer = window.setInterval( filter, o.onKeyUpDelay );

   593 				} else { 

   594 					window.clearInterval(o.onKeyUpTimer); 

   595 					o.onKeyUpTimer = undefined; 

   596 				}

   597 			},

   598 			_OnKeyDown: function(e)

   599 			/*====================================================

   600 				- onkeydown event for input filters 

   601 				(onKeyUp property)

   602 			=====================================================*/

   603 			{

   604 				if(!o.onKeyUp) return;

   605 				o.isUserTyping = true;

   606 			},

   607 			_OnInpBlur: function(e)

   608 			/*====================================================

   609 				- onblur event for input filters (onKeyUp property)

   610 			=====================================================*/

   611 			{

   612 				if(!o.onKeyUp) return;

   613 				o.isUserTyping = false; 

   614 				window.clearInterval(o.onKeyUpTimer);

   615 			},

   616 			_OnInpFocus: function()

   617 			/*====================================================

   618 				- onfocus event for input filters

   619 			=====================================================*/

   620 			{

   621 				o.activeFilterId=this.getAttribute('id');

   622 				o.activeFlt = tf_Id(o.activeFilterId);

   623 			},

   624 			_OnSlcFocus: function()

   625 			/*====================================================

   626 				- onfocus event for select filters

   627 			=====================================================*/

   628 			{

   629 				o.activeFilterId = this.getAttribute('id');

   630 				o.activeFlt = tf_Id(o.activeFilterId);

   631 				if(o.fillSlcOnDemand && this.getAttribute('filled') == '0')

   632 				{// select is populated when element has focus

   633 					var ct = this.getAttribute('ct');

   634 					o.PopulateSelect(ct);

   635 					if(!tf_isIE) this.setAttribute('filled','1');

   636 				}

   637 			},

   638 			_OnSlcChange: function()

   639 			/*====================================================

   640 				- onchange event for select filters

   641 			=====================================================*/

   642 			{

   643 				if(o.onSlcChange) o.Filter();

   644 			},

   645 			_OnSlcBlur: function()

   646 			/*====================================================

   647 				- onblur event for select filters

   648 			=====================================================*/

   649 			{

   650 			},

   651 			_OnCheckListClick: function()

   652 			/*====================================================

   653 				- onclick event for checklist filters

   654 			=====================================================*/

   655 			{

   656 				if(o.fillSlcOnDemand && this.getAttribute('filled') == '0')

   657 				{

   658 					var ct = this.getAttribute('ct');

   659 					o.PopulateCheckList(ct);

   660 					o.checkListDiv[ct].onclick = null;

   661 					o.checkListDiv[ct].title = '';

   662 				}

   663 			},

   664 			_OnCheckListFocus: function()

   665 			/*====================================================

   666 				- onclick event for checklist filter container

   667 			=====================================================*/

   668 			{

   669 				o.activeFilterId = this.firstChild.getAttribute('id');

   670 				o.activeFlt = tf_Id(o.activeFilterId);

   671 			},

   672 			_OnBtnClick: function()

   673 			/*====================================================

   674 				- onclick event for validation button 

   675 				(btn property)

   676 			=====================================================*/

   677 			{

   678 				o.Filter();

   679 			},

   680 			_OnSlcPagesChange: function()

   681 			/*====================================================

   682 				- onchange event for paging select

   683 			=====================================================*/

   684 			{

   685 				if(o.Evt._Paging._OnSlcPagesChangeEvt)

   686 					o.Evt._Paging._OnSlcPagesChangeEvt();

   687 				o.ChangePage();

   688 				this.blur();

   689 				//ie only: blur is not enough...

   690 				if(this.parentNode && tf_isIE)

   691 					this.parentNode.focus();

   692 			},

   693 			_OnSlcPagesChangeEvt: null, //used by sort adapter

   694 			_OnSlcResultsChange: function()

   695 			/*====================================================

   696 				- onchange event for results per page select

   697 			=====================================================*/

   698 			{

   699 				o.ChangeResultsPerPage();

   700 				this.blur();

   701 				//ie only: blur is not enough...

   702 				if(this.parentNode && tf_isIE) 

   703 					this.parentNode.focus();

   704 			},

   705 			_Paging: {// paging buttons events

   706 				slcIndex: function(){ 

   707 					return (o.pageSelectorType==o.fltTypeSlc) 

   708 						? o.pagingSlc.options.selectedIndex 

   709 						: parseInt(o.pagingSlc.value)-1;

   710 				},

   711 				nbOpts: function(){ 

   712 					return (o.pageSelectorType==o.fltTypeSlc) 

   713 					? parseInt(o.pagingSlc.options.length)-1 

   714 					: (o.nbPages-1);

   715 				},

   716 				next: function(){

   717 					if(o.Evt._Paging.nextEvt) o.Evt._Paging.nextEvt();

   718 					var nextIndex = (o.Evt._Paging.slcIndex()<o.Evt._Paging.nbOpts()) 

   719 						? o.Evt._Paging.slcIndex()+1 : 0;

   720 					o.ChangePage(nextIndex);

   721 				},

   722 				nextEvt: null, //used by sort adapter

   723 				prev: function(){

   724 					if(o.Evt._Paging.prevEvt) o.Evt._Paging.prevEvt();

   725 					var prevIndex = o.Evt._Paging.slcIndex()>0 

   726 						? o.Evt._Paging.slcIndex()-1 : o.Evt._Paging.nbOpts();

   727 					o.ChangePage(prevIndex);

   728 				},

   729 				prevEvt: null, //used by sort adapter

   730 				last: function(){

   731 					if(o.Evt._Paging.lastEvt) o.Evt._Paging.lastEvt();

   732 					o.ChangePage(o.Evt._Paging.nbOpts());

   733 				},

   734 				lastEvt: null, //used by sort adapter

   735 				first: function(){

   736 					if(o.Evt._Paging.firstEvt)  o.Evt._Paging.firstEvt();

   737 					o.ChangePage(0);

   738 				},

   739 				firstEvt: null, //used by sort adapter

   740 				_detectKey: function(e)

   741 				{

   742 					var evt=(e)?e:(window.event)?window.event:null;

   743 					if(evt)

   744 					{

   745 						var key=(evt.charCode)?evt.charCode:

   746 							((evt.keyCode)?evt.keyCode:((evt.which)?evt.which:0));

   747 						if(key=='13'){ 

   748 							if(o.sorted){ o.Filter(); o.ChangePage(o.Evt._Paging.slcIndex()); }

   749 							else o.ChangePage();								

   750 							this.blur(); 

   751 						}

   752 					}//if evt

   753 				}

   754 			},

   755 			_EnableSlc: function()

   756 			/*====================================================

   757 				- onclick event slc parent node (enables filters)

   758 				IE only

   759 			=====================================================*/

   760 			{

   761 				this.firstChild.disabled = false;							

   762 				this.firstChild.focus();							

   763 				this.onclick = null;

   764 			},

   765 			_Clear: function()

   766 			/*====================================================

   767 				- clears filters

   768 			=====================================================*/

   769 			{

   770 				o.ClearFilters();

   771 			},

   772 			_EnableSort: function()

   773 			/*====================================================

   774 				- enables table sorting

   775 			=====================================================*/

   776 			{

   777 				if(tf_isImported(o.sortConfig.adapterSrc))

   778 					o.sortConfig.initialize.call(null,o);

   779 				else

   780 					o.IncludeFile(

   781 						o.sortConfig.name+'_adapter',

   782 						o.sortConfig.adapterSrc,

   783 						function(){ o.sortConfig.initialize.call(null,o); }

   784 					);

   785 			}

   786 		};

   787 		

   788 		/*** TF extensions ***/

   789 		this.Ext = {

   790 			list: {},

   791 			add: function(extName, extDesc, extPath, extCallBack)

   792 			{

   793 				var file = extPath.split('/')[extPath.split('/').length-1];

   794 				var re = new RegExp(file);

   795 				var path = extPath.replace(re,'');

   796 				o.Ext.list[extName] = { 

   797 					name: extName,

   798 					description: extDesc,

   799 					file: file,

   800 					path: path,

   801 					callback: extCallBack

   802 				};

   803 			}

   804 		};

   805 		

   806     }//if tbl!=null		

   807 }

   808 

   809 TF.prototype = {

   810 	

   811 	AddGrid: function()

   812 	/*====================================================

   813 		- adds row with filtering grid bar and sets grid 

   814 		behaviours and layout

   815 	=====================================================*/

   816 	{

   817 		if(this.hasGrid) return;

   818 		this.refRow = this.startRow==undefined ? 2 : (this.startRow+1);

   819 		if(this.gridLayout) this.refRow = this.startRow==undefined ? 0 : this.startRow;

   820 		this.headersRow = (this.filtersRowIndex==0) ? 1 : 0;

   821 		try{ this.nbCells = this.GetCellsNb(this.refRow) }

   822 		catch(e){ this.nbCells = this.GetCellsNb(0) }

   823 

   824 		var f = this.fObj==undefined ? {} : this.fObj;

   825 		var n = (this.singleSearchFlt) ? 1 : this.nbCells, inpclass;

   826 		

   827 		if(this.gridLayout)

   828 		{

   829 			this.isExternalFlt = true;

   830 			this.SetGridLayout();

   831 			//Once grid generated 1st filterable row is 0 again

   832 			this.refRow = (tf_isIE || tf_isIE7) ? (this.refRow+1) : 0;

   833 		}

   834 		

   835 		if(this.loader) this.SetLoader();

   836 	

   837 		if(this.hasResultsPerPage)

   838 		{ 

   839 			this.resultsPerPage = f['results_per_page']!=undefined   

   840 				? f['results_per_page'] : this.resultsPerPage;

   841 			if(this.resultsPerPage.length<2)

   842 				this.hasResultsPerPage = false;

   843 			else

   844 				this.pagingLength = this.resultsPerPage[1][0];

   845 		}

   846 		

   847 		if(!this.fltGrid)

   848 		{//filters grid is not genetared

   849 			this.refRow = (this.refRow-1);

   850 			if(this.gridLayout) this.refRow = 0;

   851 			this.nbFilterableRows = this.GetRowsNb();

   852 			this.nbVisibleRows = this.nbFilterableRows;

   853 			this.nbRows = this.nbFilterableRows;

   854 		} else {

   855 			if(this.isFirstLoad)

   856 			{

   857 				if(!this.gridLayout){

   858 					var fltrow;

   859 					var thead = tf_Tag(this.tbl,'thead');

   860 					if( thead.length>0 )

   861 						fltrow = thead[0].insertRow(this.filtersRowIndex);

   862 					else

   863 						fltrow = this.tbl.insertRow(this.filtersRowIndex);

   864 					

   865 					if(this.fixedHeaders) this.SetFixedHeaders();

   866 					

   867 					fltrow.className = this.fltsRowCssClass;

   868 					//Disable for grid_layout

   869 					if( this.isExternalFlt && !this.gridLayout ) fltrow.style.display = 'none';

   870 				}

   871 				

   872 				this.nbFilterableRows = this.GetRowsNb();

   873 				this.nbVisibleRows = this.nbFilterableRows;

   874 				this.nbRows = this.tbl.rows.length;

   875 				

   876 				for(var i=0; i<n; i++)// this loop adds filters

   877 				{

   878 					var fltcell = tf_CreateElm(this.fltCellTag);

   879 					if(this.singleSearchFlt) fltcell.colSpan = this.nbCells;

   880 					if(!this.gridLayout) fltrow.appendChild( fltcell );

   881 					inpclass = (i==n-1 && this.displayBtn) ? this.fltSmallCssClass : this.fltCssClass;

   882 					

   883 					if( this['col'+i]==undefined )

   884 						this['col'+i] = (f['col_'+i]==undefined) 

   885 							? this.fltTypeInp : f['col_'+i].tf_LCase();

   886 							

   887 					if(this.singleSearchFlt)

   888 					{//only 1 input for single search

   889 						this['col'+i] = this.fltTypeInp;

   890 						inpclass = this.singleFltCssClass;

   891 					}

   892 	

   893 					if(this['col'+i]==this.fltTypeSlc || this['col'+i]==this.fltTypeMulti)

   894 					{//selects					

   895 						var slc = tf_CreateElm( this.fltTypeSlc,

   896 							['id',this.prfxFlt+i+'_'+this.id],

   897 							['ct',i],['filled','0'] );

   898 						if(this['col'+i]==this.fltTypeMulti)

   899 						{

   900 							slc.multiple = this.fltTypeMulti;

   901 							slc.title = this.multipleSlcTooltip;

   902 						}

   903 						slc.className = (this['col'+i].tf_LCase()==this.fltTypeSlc) 

   904 							? inpclass : this.fltMultiCssClass;// for ie<=6

   905 						

   906 						if( this.isExternalFlt && this.externalFltTgtIds && tf_Id(this.externalFltTgtIds[i]) )

   907 						{//filter is appended in desired element

   908 							tf_Id( this.externalFltTgtIds[i] ).appendChild(slc);

   909 							this.externalFltEls.push(slc);

   910 						} else {

   911 							fltcell.appendChild(slc);

   912 						}

   913 						

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

   915 						

   916 						if(!this.fillSlcOnDemand) this.PopulateSelect(i);

   917 						

   918 						slc.onkeypress = this.Evt._DetectKey;

   919 						slc.onchange = this.Evt._OnSlcChange;

   920 						slc.onfocus = this.Evt._OnSlcFocus;

   921 						slc.onblur = this.Evt._OnSlcBlur;

   922 						

   923 						if(this.fillSlcOnDemand)

   924 						{//1st option is created here since PopulateSelect isn't invoked

   925 							var opt0 = tf_CreateOpt(this.displayAllText,'');

   926 							slc.appendChild( opt0 );						

   927 						}

   928 						

   929 						/* 	Code below for IE: it prevents select options to

   930 							slide out before select it-self is populated.

   931 							This is an unexpeted behavior for users since at

   932 							1st click options are empty. Work around: 

   933 							select is disabled and by clicking on element 

   934 							(parent td), users enable drop-down and select is

   935 							populated at same time.  */

   936 						if( this.fillSlcOnDemand && tf_isIE)

   937 						{

   938 							slc.disabled = true;

   939 							slc.title = this.activateSlcTooltip;

   940 							slc.parentNode.onclick = this.Evt._EnableSlc;

   941 							if( this['col'+i]==this.fltTypeMulti)

   942 								this.__deferMultipleSelection(slc,0);

   943 						}

   944 					}

   945 					

   946 					else if( this['col'+i]==this.fltTypeCheckList )

   947 					{// checklist

   948 						var divCont = tf_CreateElm('div',

   949 										['id',this.prfxCheckListDiv+i+'_'+this.id],

   950 										['ct',i],['filled','0'] );

   951 						divCont.className = this.checkListDivCssClass;

   952 						

   953 						if( this.isExternalFlt && this.externalFltTgtIds 

   954 							&& tf_Id(this.externalFltTgtIds[i]) )

   955 						{//filter is appended in desired element

   956 							tf_Id( this.externalFltTgtIds[i] ).appendChild(divCont);

   957 							this.externalFltEls.push(divCont);

   958 						} else {

   959 							fltcell.appendChild(divCont);

   960 						}

   961 						

   962 						this.checkListDiv[i] = divCont;

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

   964 						if(!this.fillSlcOnDemand) this.PopulateCheckList(i);

   965 						

   966 						divCont.onclick = this.Evt._OnCheckListFocus;

   967 						

   968 						if(this.fillSlcOnDemand)

   969 						{

   970 							divCont.onclick = this.Evt._OnCheckListClick;

   971 							divCont.appendChild(tf_CreateText(this.activateCheckListTxt));

   972 						}

   973 					}

   974 					

   975 					else

   976 					{

   977 						var inptype;

   978 						(this['col'+i]==this.fltTypeInp) ? inptype='text' : inptype='hidden';//show/hide input	

   979 						var inp = tf_CreateElm( this.fltTypeInp,['id',this.prfxFlt+i+'_'+this.id],['type',inptype],['ct',i] );					

   980 						inp.className = inpclass;// for ie<=6

   981 						inp.onfocus = this.Evt._OnInpFocus;

   982 						

   983 						if( this.isExternalFlt && this.externalFltTgtIds && tf_Id(this.externalFltTgtIds[i]) )

   984 						{//filter is appended in desired element

   985 							tf_Id( this.externalFltTgtIds[i] ).appendChild(inp);

   986 							this.externalFltEls.push(inp);

   987 						} else {

   988 							fltcell.appendChild(inp);

   989 						}

   990 						

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

   992 						

   993 						inp.onkeypress = this.Evt._DetectKey;

   994 						inp.onkeydown = this.Evt._OnKeyDown;

   995 						inp.onkeyup = this.Evt._OnKeyUp;

   996 						inp.onblur = this.Evt._OnInpBlur;

   997 						

   998 						if(this.rememberGridValues)

   999 						{

  1000 							var flts = tf_ReadCookie(this.fltsValuesCookie); //reads the cookie

  1001 							var reg = new RegExp(',','g');

  1002 							var flts_values = flts.split(reg); //creates an array with filters' values

  1003 							if (flts_values[i]!=' ')

  1004 								this.SetFilterValue(i,flts_values[i],false);					

  1005 						}

  1006 					}

  1007 					

  1008 					if(i==n-1 && this.displayBtn)// this adds validation button

  1009 					{

  1010 						var btn = tf_CreateElm( this.fltTypeInp,['id',this.prfxValButton+i+'_'+this.id],

  1011 												['type','button'], ['value',this.btnText] );

  1012 						btn.className = this.btnCssClass;

  1013 						

  1014 						if( this.isExternalFlt && this.externalFltTgtIds && tf_Id(this.externalFltTgtIds[i]) ) 

  1015 						//filter is appended in desired element

  1016 							tf_Id( this.externalFltTgtIds[i] ).appendChild(btn);

  1017 						else

  1018 							fltcell.appendChild(btn);

  1019 						

  1020 						btn.onclick = this.Evt._OnBtnClick;				

  1021 					}//if

  1022 					

  1023 				}// for i

  1024 				

  1025 			} else {

  1026 				this.__resetGrid();			

  1027 			}//if isFirstLoad

  1028 		}//if this.fltGrid

  1029 		

  1030 		/* Filter behaviours */

  1031 		if(this.rowsCounter) this.SetRowsCounter();

  1032 		if(this.statusBar) this.SetStatusBar();

  1033 		if(this.fixedHeaders && !this.isFirstLoad) this.SetFixedHeaders();

  1034 		if(this.paging)	this.SetPaging();

  1035 		if(this.hasResultsPerPage && this.paging) this.SetResultsPerPage();

  1036 		if(this.btnReset) this.SetResetBtn();

  1037 		

  1038 		if(this.hasColWidth && !this.gridLayout) this.SetColWidths();

  1039 		

  1040 		if( this.alternateBgs && this.isStartBgAlternate )

  1041 			this.SetAlternateRows(); //1st time only if no paging and rememberGridValues

  1042 		

  1043 		if(this.hasColOperation && this.fltGrid)

  1044 		{

  1045 			this.colOperation = f.col_operation;

  1046 			this.SetColOperation();

  1047 		}

  1048 		

  1049 		if(this.sort) this.SetSort();

  1050 		

  1051 		/* Deprecated Loads external script */

  1052 		if(this.hasBindScript)

  1053 		{

  1054 			if(this.bindScript['src']!=undefined)

  1055 			{

  1056 				var scriptPath = this.bindScript['src'];

  1057 				var scriptName = (this.bindScript['name']!=undefined)

  1058 									? this.bindScript['name'] : '';

  1059 				this.IncludeFile(scriptName,scriptPath,this.bindScript['target_fn']);

  1060 			}

  1061 		}//if bindScript

  1062 		/* */

  1063 		

  1064 		this.isFirstLoad = false;

  1065 		this.hasGrid = true;

  1066 		

  1067 		if( this.rememberGridValues ||

  1068 			this.rememberPageLen ||

  1069 			this.rememberPageNb )

  1070 			this.ResetValues();

  1071 		

  1072 		this.ShowLoader('none');

  1073 		

  1074 		if(this.onFiltersLoaded)

  1075 			this.onFiltersLoaded.call(null,this);

  1076 

  1077 		/* Loads extensions */

  1078 		this.LoadExtensions();

  1079 		/* */

  1080 	},// AddGrid

  1081 	

  1082 	EvtManager: function( evt,s )

  1083 	/*====================================================

  1084 		- TF events manager

  1085 		- Params: 

  1086 			- event name (string)

  1087 			- config object (optional literal object)

  1088 	=====================================================*/

  1089 	{

  1090 		var o = this;

  1091 		var slcIndex = (s!=undefined && s.slcIndex!=undefined) ? s.slcIndex : null;

  1092 		var slcExternal = (s!=undefined && s.slcExternal!=undefined) ? s.slcExternal : false;

  1093 		var slcId = (s!=undefined && s.slcId!=undefined) ? s.slcId : null;

  1094 		var pgIndex = (s!=undefined && s.pgIndex!=undefined) ? s.pgIndex : null;

  1095 		function efx(){

  1096 			if(evt!=undefined)

  1097 			switch( evt )

  1098 			{

  1099 				case o.Evt.name.filter:

  1100 					(o.isModFilterFn) 

  1101 						? o.modFilterFn.call(null,o)

  1102 						: o._Filter();

  1103 				break;

  1104 				case o.Evt.name.populateselect:

  1105 					(o.refreshFilters) 

  1106 						? o._PopulateSelect(slcIndex,true) 

  1107 						: o._PopulateSelect(slcIndex,false,slcExternal,slcId);

  1108 				break;

  1109 				case o.Evt.name.populatechecklist:

  1110 					o._PopulateCheckList(slcIndex,slcExternal,slcId);

  1111 				break;

  1112 				case o.Evt.name.changepage:

  1113 					o._ChangePage(pgIndex);

  1114 				break;

  1115 				case o.Evt.name.clear:

  1116 					o._ClearFilters(); 

  1117 					o._Filter();

  1118 				break;

  1119 				case o.Evt.name.changeresultsperpage:

  1120 					o._ChangeResultsPerPage();

  1121 				break;

  1122 				case o.Evt.name.resetvalues:

  1123 					o._ResetValues();					

  1124 					o._Filter();

  1125 				break;

  1126 				case o.Evt.name.resetpage:

  1127 					o._ResetPage(o.pgNbCookie);

  1128 				break;

  1129 				case o.Evt.name.resetpagelength:

  1130 					o._ResetPageLength(o.pgLenCookie);

  1131 				break;

  1132 				case o.Evt.name.sort:

  1133 					void(0);

  1134 				break;

  1135 				case o.Evt.name.loadextensions: