4     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 

   144     <script language="javascript" type="text/javascript">

   145     //<![CDATA[

   146     /*------------------------------------------------------------------------

   147 	- HTML Table Filter Generator v1.9.6

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

   149 	- Licensed under the MIT License

   150 --------------------------------------------------------------------------

   151 Copyright (c) 2009 Max Guglielmi

   152 

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

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

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

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

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

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

   159 the following conditions:

   160 

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

   162 in all copies or substantial portions of the Software.

   163 

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

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

   166 MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.

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

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

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

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

   171 --------------------------------------------------------------------------

   172 	- Special credit to: 

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

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

   175 	Raya for active contribution and inspiration

   176 ------------------------------------------------------------------------*/

   177 

   178 function setFilterGrid(id)

   179 /*====================================================

   180 	- Sets filters grid bar

   181 	- Calls TF Constructor and generates grid bar

   182 	- Params:

   183 			- id: table id (string)

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

   185 			- config (optional): configuration 

   186 			object (literal object)

   187 =====================================================*/

   188 {

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

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

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

   192 }

   193 

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

   195 	- Unobtrusive grid bar generation using 

   196 	'filterable' class

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

   198 	section

   199 /*=====================================================*/

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

   201 

   202 function initFilterGrid()

   203 {

   204 	if (!document.getElementsByTagName) return;

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

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

   207 	{

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

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

   210 		{

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

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

   213 			else

   214 				config = undefined;

   215 			setFilterGrid( cTblId,config );

   216 		}

   217 	}// for i

   218 }

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

   220 

   221 var TF = function( id )

   222 /*====================================================

   223 	- TF object constructor

   224 	- Params:

   225 			- id: table id (string)

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

   227 			- config (optional): configuration 

   228 			object (literal object)

   229 =====================================================*/

   230 {

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

   232 		

   233 	this.id = id;

   234 	this.tbl = tf_Id(id);

   235 	this.startRow = undefined;

   236 	this.refRow = null;

   237 	this.headersRow = null;

   238 	this.fObj = null;

   239 	this.nbFilterableRows = null;

   240 	this.nbRows = null;

   241 	this.nbCells = null;

   242 	this.hasGrid = false;

   243 	

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

   245     {

   246 		if(arguments.length>1)

   247         {

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

   249             {

   250                 var argtype = typeof arguments[i];

   251                

   252                 switch(argtype.tf_LCase())

   253                 {

   254                     case 'number':

   255                         this.startRow = arguments[i];

   256                     break;

   257                     case 'object':

   258                         this.fObj = arguments[i];

   259                     break;

   260                 }//switch                           

   261             }//for

   262         }//if

   263 		

   264 		var f = this.fObj;

   265 		

   266 		/*** filter types ***/

   267 		this.fltTypeInp =			'input';

   268 		this.fltTypeSlc =			'select';

   269 		this.fltTypeMulti =			'multiple';

   270 		this.fltTypeCheckList =		'checklist';

   271 		this.fltTypeNone =			'none';

   272 		

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

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

   275 		

   276 		/*** Grid layout ***/

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

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

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

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

   281 										? f.grid_cont_css_class : 'grd_Cont';

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

   283 										? f.grid_tbl_cont_css_class : 'grd_tblCont';

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

   285 										? f.grid_tblHead_cont_css_class : 'grd_headTblCont';

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

   287 										? f.grid_inf_grid_css_class : 'grd_inf';

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

   289 										? f.grid_headers_row_index : 0; 

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

   291 										? f.grid_headers_rows : [0];

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

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

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

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

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

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

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

   299 		this.gridColElms =			[];

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

   301 		/*** ***/

   302 								

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   321 										? f.left_div_css_class : 'ldiv';

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

   323 										? f.right_div_css_class : 'rdiv';

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

   325 										? f.middle_div_css_class : 'mdiv';

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

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

   328 		

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

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

   331 										? f.flts_row_css_class : 'fltrow';		

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

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

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

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

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

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

   338 										? f.flt_css_class : 'flt';

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

   340 										? f.flt_multi_css_class : 'flt_multi';

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

   342 										? f.flt_small_css_class : 'flt_s';

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

   344 										? f.single_flt_css_class : 'single_flt';	

   345 		this.isStartBgAlternate =	true;

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

   347 										? f.even_row_css_class :'even';

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

   349 										? f.odd_row_css_class :'odd';

   350 		

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

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

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

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

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

   356 										? f.on_before_filter : null;

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

   358 										? f.on_after_filter : null;								

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

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

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

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

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

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

   365 		this.colOperation =			null;

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

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

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

   369 										? f.search_type : 'include';

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

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

   372 										? f.external_flt_grid_ids : null;

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

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

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

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

   377 										? f.on_filters_loaded : null;

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

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

   380 									 	? f.on_row_validated : null;

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

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

   383 									 	? f.custom_cell_data : null;																

   384 		

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   402 										? true : false;	

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

   404 										? f.custom_slc_options : null;

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

   406 										? f.on_before_operation : null;

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

   408 										? f.on_after_operation : null;

   409 		

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

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

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

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

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

   415 										? f.checklist_css_class : 'flt_checklist';

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

   417 										? f.checklist_item_css_class : 'flt_checklist_item';

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

   419 										? f.checklist_selected_item_css_class : 'flt_checklist_slc_item';								

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

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

   422 		

   423 		/*** Filter operators ***/

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

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

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

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

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

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

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

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

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

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

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

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

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

   437 		

   438 		/*** rows counter ***/

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

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

   441 										? f.rows_counter_target_id : null;

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

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

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

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

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

   447 										? f.tot_rows_css_class : 'tot';		

   448 		

   449 		/*** status bar ***/

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

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

   452 										? f.status_bar_target_id : null;

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

   454 		this.statusBarSpan =		null; //status bar

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

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

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

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

   459 										? f.status_bar_css_class : 'status';

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

   461 		

   462 		/*** loader ***/

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

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

   465 										? f.loader_target_id : null;

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

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

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

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

   470 										? f.loader_css_class : 'loader';

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

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

   473 										? f.on_show_loader : null;

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

   475 										? f.on_hide_loader : null;					

   476 		

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

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

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

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

   481 										? f.btn_css_class : 'btnflt';

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

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

   484 										? f.btn_reset_target_id : null;

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

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

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

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

   489 										? f.btn_reset_css_class :'reset';

   490 		

   491 		/*** paging ***/

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

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

   494 										? f.paging_target_id : null;		

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

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

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

   498 										? f.results_per_page_target_id : null;	

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   540 		

   541 		/*** webfx sort adapter ***/

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

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

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

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

   546 										? f.sort_config : {};

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

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

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

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

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

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

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

   554 										? f.sort_config.initialize

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

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

   557 										? f.sort_config.sort_types : [];

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

   559 										? f.sort_config.sort_col : null;

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

   561 										? true : false;

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

   563 										? f.sort_config.sort_trigger_ids : [];									

   564 		

   565 		/*** onkeyup event ***/

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

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

   568 		this.isUserTyping = 		null; //typing indicator

   569 		this.onKeyUpTimer = 		undefined;		

   570 		

   571 		/*** keyword highlighting ***/

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

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

   574 										? f.highlight_css_class : 'keyword';	

   575 		

   576 		/*** data types ***/

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

   578 										? f.default_date_type : 'DMY';

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

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

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

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

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

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

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

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

   587 		

   588 		/*** status messages ***/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   611 

   612 		/*** ids prefixes ***/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   652 

   653 		/*** cookies ***/

   654 		this.hasStoredValues =		false;

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

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

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

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

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

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

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

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

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

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

   665 		

   666 		/*** extensions ***/

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

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

   669 

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

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

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

   673 		

   674 		/*** TF events ***/

   675 		var o = this;

   676 		this.Evt = {

   677 			name: {

   678 				filter: 'Filter',

   679 				populateselect: 'Populate',

   680 				populatechecklist: 'PopulateCheckList',

   681 				changepage: 'ChangePage',

   682 				clear: 'Clear',

   683 				changeresultsperpage: 'ChangeResults',

   684 				resetvalues: 'ResetValues',

   685 				resetpage: 'ResetPage',

   686 				resetpagelength: 'ResetPageLength',

   687 				sort: 'Sort',

   688 				loadextensions: 'LoadExtensions'			

   689 			},

   690 			_DetectKey: function(e)

   691 			/*====================================================

   692 				- common fn that detects return key for a given

   693 				element (onkeypress for inputs)

   694 			=====================================================*/

   695 			{

   696 				if(!o.enterKey) return;

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

   698 				if(evt)

   699 				{

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

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

   702 					if(key=='13')

   703 					{

   704 						o.Filter();

   705 					} else { 

   706 						o.isUserTyping = true;

   707 						window.clearInterval(o.onKeyUpTimer);

   708 						o.onKeyUpTimer = undefined; 

   709 					}

   710 				}//if evt

   711 			},

   712 			_OnKeyUp: function(e)

   713 			/*====================================================

   714 				- onkeyup event for text filters 

   715 				(onKeyUp property)

   716 			=====================================================*/

   717 			{

   718 				if(!o.onKeyUp) return;

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

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

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

   722 				o.isUserTyping = false;

   723 				

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

   725 				{

   726 					function filter()

   727 					{

   728 						window.clearInterval(o.onKeyUpTimer);

   729 						o.onKeyUpTimer = undefined;

   730 						if( !o.isUserTyping )

   731 						{

   732 							o.Filter();

   733 							o.isUserTyping = null;			

   734 						}

   735 					}

   736 					if(o.onKeyUpTimer==undefined)

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

   738 				} else { 

   739 					window.clearInterval(o.onKeyUpTimer); 

   740 					o.onKeyUpTimer = undefined; 

   741 				}

   742 			},

   743 			_OnKeyDown: function(e)

   744 			/*====================================================

   745 				- onkeydown event for input filters 

   746 				(onKeyUp property)

   747 			=====================================================*/

   748 			{

   749 				if(!o.onKeyUp) return;

   750 				o.isUserTyping = true;

   751 			},

   752 			_OnInpBlur: function(e)

   753 			/*====================================================

   754 				- onblur event for input filters (onKeyUp property)

   755 			=====================================================*/

   756 			{

   757 				if(!o.onKeyUp) return;

   758 				o.isUserTyping = false; 

   759 				window.clearInterval(o.onKeyUpTimer);

   760 			},

   761 			_OnInpFocus: function()

   762 			/*====================================================

   763 				- onfocus event for input filters

   764 			=====================================================*/

   765 			{

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

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

   768 			},

   769 			_OnSlcFocus: function()

   770 			/*====================================================

   771 				- onfocus event for select filters

   772 			=====================================================*/

   773 			{

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

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

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

   777 				{// select is populated when element has focus

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

   779 					o.PopulateSelect(ct);

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

   781 				}

   782 			},

   783 			_OnSlcChange: function()

   784 			/*====================================================

   785 				- onchange event for select filters

   786 			=====================================================*/

   787 			{

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

   789 			},

   790 			_OnSlcBlur: function()

   791 			/*====================================================

   792 				- onblur event for select filters

   793 			=====================================================*/

   794 			{

   795 			},

   796 			_OnCheckListClick: function()

   797 			/*====================================================

   798 				- onclick event for checklist filters

   799 			=====================================================*/

   800 			{

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

   802 				{

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

   804 					o.PopulateCheckList(ct);

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

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

   807 				}

   808 			},

   809 			_OnCheckListFocus: function()

   810 			/*====================================================

   811 				- onclick event for checklist filter container

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

   813 			{

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

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

   816 			},

   817 			_OnBtnClick: function()

   818 			/*====================================================

   819 				- onclick event for validation button 

   820 				(btn property)

   821 			=====================================================*/

   822 			{

   823 				o.Filter();

   824 			},

   825 			_OnSlcPagesChange: function()

   826 			/*====================================================

   827 				- onchange event for paging select

   828 			=====================================================*/

   829 			{

   830 				if(o.Evt._Paging._OnSlcPagesChangeEvt)

   831 					o.Evt._Paging._OnSlcPagesChangeEvt();

   832 				o.ChangePage();

   833 				this.blur();

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

   835 				if(this.parentNode && tf_isIE)

   836 					this.parentNode.focus();

   837 			},

   838 			_OnSlcPagesChangeEvt: null, //used by sort adapter

   839 			_OnSlcResultsChange: function()

   840 			/*====================================================

   841 				- onchange event for results per page select

   842 			=====================================================*/

   843 			{

   844 				o.ChangeResultsPerPage();

   845 				this.blur();

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

   847 				if(this.parentNode && tf_isIE) 

   848 					this.parentNode.focus();

   849 			},

   850 			_Paging: {// paging buttons events

   851 				slcIndex: function(){ 

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

   853 						? o.pagingSlc.options.selectedIndex 

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

   855 				},

   856 				nbOpts: function(){ 

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

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

   859 					: (o.nbPages-1);

   860 				},

   861 				next: function(){

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

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

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

   865 					o.ChangePage(nextIndex);

   866 				},

   867 				nextEvt: null, //used by sort adapter

   868 				prev: function(){

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

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

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

   872 					o.ChangePage(prevIndex);

   873 				},

   874 				prevEvt: null, //used by sort adapter

   875 				last: function(){

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

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

   878 				},

   879 				lastEvt: null, //used by sort adapter

   880 				first: function(){

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

   882 					o.ChangePage(0);

   883 				},

   884 				firstEvt: null, //used by sort adapter

   885 				_detectKey: function(e)

   886 				{

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

   888 					if(evt)

   889 					{

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

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

   892 						if(key=='13'){ 

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

   894 							else o.ChangePage();								

   895 							this.blur(); 

   896 						}

   897 					}//if evt

   898 				}

   899 			},

   900 			_EnableSlc: function()

   901 			/*====================================================

   902 				- onclick event slc parent node (enables filters)

   903 				IE only

   904 			=====================================================*/

   905 			{

   906 				this.firstChild.disabled = false;							

   907 				this.firstChild.focus();							

   908 				this.onclick = null;

   909 			},

   910 			_Clear: function()

   911 			/*====================================================

   912 				- clears filters

   913 			=====================================================*/

   914 			{

   915 				o.ClearFilters();

   916 			},

   917 			_EnableSort: function()

   918 			/*====================================================

   919 				- enables table sorting

   920 			=====================================================*/

   921 			{

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

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

   924 				else

   925 					o.IncludeFile(

   926 						o.sortConfig.name+'_adapter',

   927 						o.sortConfig.adapterSrc,

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

   929 					);

   930 			}

   931 		};

   932 		

   933 		/*** TF extensions ***/

   934 		this.Ext = {

   935 			list: {},

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

   937 			{

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

   939 				var re = new RegExp(file);

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

   941 				o.Ext.list[extName] = { 

   942 					name: extName,

   943 					description: extDesc,

   944 					file: file,

   945 					path: path,

   946 					callback: extCallBack

   947 				};

   948 			}

   949 		};

   950 		

   951     }//if tbl!=null		

   952 }

   953 

   954 TF.prototype = {

   955 	

   956 	AddGrid: function()

   957 	/*====================================================

   958 		- adds row with filtering grid bar and sets grid 

   959 		behaviours and layout

   960 	=====================================================*/

   961 	{

   962 		if(this.hasGrid) return;

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

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

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

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

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

   968 

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

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

   971 		

   972 		if(this.gridLayout)

   973 		{

   974 			this.isExternalFlt = true;

   975 			this.SetGridLayout();

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

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

   978 		}

   979 		

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

   981 	

   982 		if(this.hasResultsPerPage)

   983 		{ 

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

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

   986 			if(this.resultsPerPage.length<2)

   987 				this.hasResultsPerPage = false;

   988 			else

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

   990 		}

   991 		

   992 		if(!this.fltGrid)

   993 		{//filters grid is not genetared

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

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

   996 			this.nbFilterableRows = this.GetRowsNb();

   997 			this.nbVisibleRows = this.nbFilterableRows;

   998 			this.nbRows = this.nbFilterableRows;

   999 		} else {

  1000 			if(this.isFirstLoad)

  1001 			{

  1002 				if(!this.gridLayout){

  1003 					var fltrow;

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

  1005 					if( thead.length>0 )

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

  1007 					else

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

  1009 					

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

  1011 					

  1012 					fltrow.className = this.fltsRowCssClass;

  1013 					//Disable for grid_layout

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

  1015 				}

  1016 				

  1017 				this.nbFilterableRows = this.GetRowsNb();

  1018 				this.nbVisibleRows = this.nbFilterableRows;

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

  1020 				

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

  1022 				{

  1023 					var fltcell = tf_CreateElm(this.fltCellTag);

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

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

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

  1027 					

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

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

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

  1031 							

  1032 					if(this.singleSearchFlt)

  1033 					{//only 1 input for single search

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

  1035 						inpclass = this.singleFltCssClass;

  1036 					}

  1037 	

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

  1039 					{//selects					

  1040 						var slc = tf_CreateElm( this.fltTypeSlc,

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

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

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

  1044 						{

  1045 							slc.multiple = this.fltTypeMulti;

  1046 							slc.title = this.multipleSlcTooltip;

  1047 						}

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

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

  1050 						

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

  1052 						{//filter is appended in desired element

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

  1054 							this.externalFltEls.push(slc);

  1055 						} else {

  1056 							fltcell.appendChild(slc);

  1057 						}

  1058 						

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

  1060 						

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

  1062 						

  1063 						slc.onkeypress = this.Evt._DetectKey;

  1064 						slc.onchange = this.Evt._OnSlcChange;

  1065 						slc.onfocus = this.Evt._OnSlcFocus;

  1066 						slc.onblur = this.Evt._OnSlcBlur;

  1067 						

  1068 						if(this.fillSlcOnDemand)

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

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

  1071 							slc.appendChild( opt0 );						

  1072 						}

  1073 						

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

  1075 							slide out before select it-self is populated.

  1076 							This is an unexpeted behavior for users since at

  1077 							1st click options are empty. Work around: 

  1078 							select is disabled and by clicking on element 

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

  1080 							populated at same time.  */

  1081 						if( this.fillSlcOnDemand && tf_isIE)

  1082 						{

  1083 							slc.disabled = true;

  1084 							slc.title = this.activateSlcTooltip;

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

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

  1087 								this.__deferMultipleSelection(slc,0);

  1088 						}

  1089 					}

  1090 					

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

  1092 					{// checklist

  1093 						var divCont = tf_CreateElm('div',

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

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

  1096 						divCont.className = this.checkListDivCssClass;

  1097 						

  1098 						if( this.isExternalFlt && this.externalFltTgtIds 

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

  1100 						{//filter is appended in desired element

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

  1102 							this.externalFltEls.push(divCont);

  1103 						} else {

  1104 							fltcell.appendChild(divCont);

  1105 						}

  1106 						

  1107 						this.checkListDiv[i] = divCont;

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

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

  1110 						

  1111 						divCont.onclick = this.Evt._OnCheckListFocus;

  1112 						

  1113 						if(this.fillSlcOnDemand)

  1114 						{

  1115 							divCont.onclick = this.Evt._OnCheckListClick;

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

  1117 						}

  1118 					}

  1119 					

  1120 					else

  1121 					{

  1122 						var inptype;

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

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

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

  1126 						inp.onfocus = this.Evt._OnInpFocus;

  1127 						

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

  1129 						{//filter is appended in desired element

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

  1131 							this.externalFltEls.push(inp);

  1132 						} else {

  1133 							fltcell.appendChild(inp);

  1134 						}

  1135 						

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

  1137 						

  1138 						inp.onkeypress = this.Evt._DetectKey;

  1139 						inp.onkeydown = this.Evt._OnKeyDown;

  1140 						inp.onkeyup = this.Evt._OnKeyUp;

  1141 						inp.onblur = this.Evt._OnInpBlur;

  1142 						

  1143 						if(this.rememberGridValues)

  1144 						{

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

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

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

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

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

  1150 						}

  1151 					}

  1152 					

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

  1154 					{

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

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

  1157 						btn.className = this.btnCssClass;

  1158 						

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

  1160 						//filter is appended in desired element

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

  1162 						else

  1163 							fltcell.appendChild(btn);

  1164 						

  1165 						btn.onclick = this.Evt._OnBtnClick;				

  1166 					}//if

  1167 					

  1168 				}// for i

  1169 				

  1170 			} else {

  1171 				this.__resetGrid();			

  1172 			}//if isFirstLoad

  1173 		}//if this.fltGrid

  1174 		

  1175 		/* Filter behaviours */

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

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

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

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

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

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

  1182 		

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

  1184 		

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

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

  1187 		

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

  1189 		{

  1190 			this.colOperation = f.col_operation;

  1191 			this.SetColOperation();

  1192 		}

  1193 		

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

  1195 		

  1196 		/* Deprecated Loads external script */

  1197 		if(this.hasBindScript)

  1198 		{

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

  1200 			{

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

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

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

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

  1205 			}

  1206 		}//if bindScript

  1207 		/* */

  1208 		

  1209 		this.isFirstLoad = false;

  1210 		this.hasGrid = true;

  1211 		

  1212 		if( this.rememberGridValues ||

  1213 			this.rememberPageLen ||

  1214 			this.rememberPageNb )

  1215 			this.ResetValues();

  1216 		

  1217 		this.ShowLoader('none');

  1218 		

  1219 		if(this.onFiltersLoaded)

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

  1221 

  1222 		/* Loads extensions */

  1223 		this.LoadExtensions();

  1224 		/* */

  1225 	},// AddGrid

  1226 	

  1227 	EvtManager: function( evt,s )

  1228 	/*====================================================

  1229 		- TF events manager

  1230 		- Params: 

  1231 			- event name (string)

  1232 			- config object (optional literal object)

  1233 	=====================================================*/