Remove carriage returns and clean up whitespaces.

1 files changed, 1528 insertions, 1528 deletions

diff --git a/web/public/js/flexigrid.js b/web/public/js/flexigrid.js
index e578c5b..4b17a75 100644
--- a/web/public/js/flexigrid.js
+++ b/web/public/js/flexigrid.js
@@ -1,1528 +1,1528 @@
-/*

- * Flexigrid for jQuery - New Wave Grid

- *

- * Copyright (c) 2008 Paulo P. Marinas (webplicity.net/flexigrid)

- * Dual licensed under the MIT (MIT-LICENSE.txt)

- * and GPL (GPL-LICENSE.txt) licenses.

- *

- * $Date: 2008-07-14 00:09:43 +0800 (Tue, 14 Jul 2008) $

- */

- 

-(function($){

-		  

-	$.addFlex = function(t,p)

-	{

-

-		if (t.grid) return false; //return if already exist	

-		

-		// apply default properties

-		p = $.extend({

-			 height: 200, //default height

-			 width: 'auto', //auto width

-			 striped: true, //apply odd even stripes

-			 novstripe: false,

-			 minwidth: 30, //min width of columns

-			 minheight: 80, //min height of columns

-			 resizable: true, //resizable table

-			 url: false, //ajax url

-			 method: 'POST', // data sending method

-			 dataType: 'xml', // type of data loaded

-			 errormsg: 'Connection Error',

-			 usepager: false, //

-			 nowrap: true, //

-			 page: 1, //current page

-			 total: 1, //total pages

-			 useRp: true, //use the results per page select box

-			 rp: 15, // results per page

-			 rpOptions: [10,15,20,25,40],

-			 title: false,

-			 pagestat: 'Displaying {from} to {to} of {total} items',

-			 pagetext: 'Page',

-			 outof: 'of',

-			 findtext: 'Find',

-			 procmsg: 'Processing, please wait ...',

-			 query: '',

-			 qtype: '',

-			 nomsg: 'No items',

-			 minColToggle: 1, //minimum allowed column to be hidden

-			 showToggleBtn: true, //show or hide column toggle popup

-			 hideOnSubmit: true,

-			 autoload: true,

-			 blockOpacity: 0.5,

-			 onDragCol: false,

-			 onToggleCol: false,

-			 onChangeSort: false,

-			 onSuccess: false,

-			 onError: false,

-			 onSubmit: false // using a custom populate function

-		  }, p);

-		  		

-

-		$(t)

-		.show() //show if hidden

-		.attr({cellPadding: 0, cellSpacing: 0, border: 0})  //remove padding and spacing

-		.removeAttr('width') //remove width properties	

-		;

-		

-		//create grid class

-		var g = {

-			hset : {},

-			rePosDrag: function () {

-

-			var cdleft = 0 - this.hDiv.scrollLeft;

-			if (this.hDiv.scrollLeft>0) cdleft -= Math.floor(p.cgwidth/2);

-			$(g.cDrag).css({top:g.hDiv.offsetTop+1});

-			var cdpad = this.cdpad;

-			

-			$('div',g.cDrag).hide();

-			

-			$('thead tr:first th:visible',this.hDiv).each

-				(

-			 	function ()

-					{

-					var n = $('thead tr:first th:visible',g.hDiv).index(this),

-					    cdpos = parseInt($('div',this).width());

-					if (cdleft==0) 

-							cdleft -= Math.floor(p.cgwidth/2); 

-

-					cdpos = cdpos + cdleft + cdpad;

-					

-					$('div:eq('+n+')',g.cDrag).css({'left':cdpos+'px'}).show();

-

-					cdleft = cdpos;

-					}

-				);

-				

-			},

-            getRp: function() {

-                return p.rp;

-            },

-            newRp: function(value) {

-                    p.newp = 1;

-                    p.rp = value;

-                    g.populate();

-            },

-			fixHeight: function (newH) {

-					newH = false;

-					if (!newH) newH = $(g.bDiv).height();

-					var hdHeight = $(this.hDiv).height();

-					$('div',this.cDrag).each(

-						function ()

-							{

-								$(this).height(newH+hdHeight);

-							}

-					);

-					

-					var nd = parseInt($(g.nDiv).height());

-					

-					if (nd>newH)

-						$(g.nDiv).height(newH).width(200);

-					else

-						$(g.nDiv).height('auto').width('auto');

-					

-					$(g.block).css({height:newH,marginBottom:(newH * -1)});

-					

-					var hrH = g.bDiv.offsetTop + newH;

-					if (p.height != 'auto' && p.resizable) hrH = g.vDiv.offsetTop;

-					$(g.rDiv).css({height: hrH});

-			

-                    var width_pDiv = jQuery(g.pDiv).width();

-                    var width_hDiv = jQuery(g.hDiv).find('tr').width() - 1;

-                    jQuery(g.pDiv).find('.pDiv2').width( Math.min(width_pDiv, width_hDiv) );

-                    	

-			},

-			dragStart: function (dragtype,e,obj) { //default drag function start

-				

-				if (dragtype=='colresize') //column resize

-					{

-						$(g.nDiv).hide();$(g.nBtn).hide();

-						var n = $('div',this.cDrag).index(obj),

-						    ow = $('th:visible div:eq('+n+')',this.hDiv).width();

-						$(obj).addClass('dragging').siblings().hide();

-						$(obj).prev().addClass('dragging').show();

-						

-						this.colresize = {startX: e.pageX, ol: parseInt(obj.style.left), ow: ow, n : n };

-						$('body').css('cursor','col-resize');

-					}

-				else if (dragtype=='vresize') //table resize

-					{

-						var hgo = false;

-						$('body').css('cursor','row-resize');

-						if (obj) 

-							{

-							hgo = true;

-							$('body').css('cursor','col-resize');

-							}

-						this.vresize = {h: p.height, sy: e.pageY, w: p.width, sx: e.pageX, hgo: hgo};

-						

-					}

-

-				else if (dragtype=='colMove') //column header drag

-					{

-						$(g.nDiv).hide();$(g.nBtn).hide();

-						this.hset = $(this.hDiv).offset();

-						this.hset.right = this.hset.left + $('table',this.hDiv).width();

-						this.hset.bottom = this.hset.top + $('table',this.hDiv).height();

-						this.dcol = obj;

-						this.dcoln = $('th',this.hDiv).index(obj);

-						

-						this.colCopy = document.createElement("div");

-						this.colCopy.className = "colCopy";

-						this.colCopy.innerHTML = obj.innerHTML;

-						if ($.browser.msie)

-						{

-						this.colCopy.className = "colCopy ie";

-						}

-						

-						

-						$(this.colCopy).css({position:'absolute','float':'left',display:'none', textAlign: obj.align});

-						$('body').append(this.colCopy);

-						$(this.cDrag).hide();

-						

-					}

-														

-				$('body').noSelect();

-			

-			},

-			dragMove: function (e) {

-			

-				if (this.colresize) //column resize

-					{

-						var n = this.colresize.n,

-						    diff = e.pageX-this.colresize.startX,

-						    nleft = this.colresize.ol + diff,

-						    nw = this.colresize.ow + diff;

-						if (nw > p.minwidth)

-							{

-								$('div:eq('+n+')',this.cDrag).css('left',nleft);

-								this.colresize.nw = nw;

-							}

-					}

-				else if (this.vresize) //table resize

-					{

-						var v = this.vresize,

-						    y = e.pageY,

-						    diff = y-v.sy;

-						

-						if (!p.defwidth) p.defwidth = p.width;

-						

-						if (p.width != 'auto' && !p.nohresize && v.hgo)

-						{

-							var x = e.pageX,

-							    xdiff = x - v.sx,

-							    newW = v.w + xdiff;

-							if (newW > p.defwidth)

-								{

-									this.gDiv.style.width = newW + 'px';

-									p.width = newW;

-								}

-						}

-						

-						var newH = v.h + diff;

-						if ((newH > p.minheight || p.height < p.minheight) && !v.hgo)

-							{

-								this.bDiv.style.height = newH + 'px';

-								p.height = newH;

-								this.fixHeight(newH);

-							}

-						v = null;

-					}

-				else if (this.colCopy) {

-					$(this.dcol).addClass('thMove').removeClass('thOver'); 

-					if (e.pageX > this.hset.right || e.pageX < this.hset.left || e.pageY > this.hset.bottom || e.pageY < this.hset.top)

-					{

-						//this.dragEnd();

-						$('body').css('cursor','move');

-					}

-					else 

-					$('body').css('cursor','pointer');

-					$(this.colCopy).css({top:e.pageY + 10,left:e.pageX + 20, display: 'block'});

-				}													

-			

-			},

-			dragEnd: function () {

-

-				if (this.colresize)

-					{

-						var n = this.colresize.n,

-						    nw = this.colresize.nw;

-

-								$('th:visible div:eq('+n+')',this.hDiv).css('width',nw);

-								$('tr',this.bDiv).each (

-									function ()

-										{

-										$('td:visible div:eq('+n+')',this).css('width',nw);

-										}

-								);

-								this.hDiv.scrollLeft = this.bDiv.scrollLeft;

-

-

-						$('div:eq('+n+')',this.cDrag).siblings().show();

-						$('.dragging',this.cDrag).removeClass('dragging');

-						this.rePosDrag();

-						this.fixHeight();

-						this.colresize = false;

-                        this.populate();

-					}

-				else if (this.vresize)

-					{

-						this.vresize = false;

-					}

-				else if (this.colCopy)

-					{

-						$(this.colCopy).remove();

-						if (this.dcolt != null)

-							{

-							

-							

-							if (this.dcoln>this.dcolt)

-								$('th:eq('+this.dcolt+')',this.hDiv).before(this.dcol);

-							else

-								$('th:eq('+this.dcolt+')',this.hDiv).after(this.dcol);

-							

-							

-							

-							this.switchCol(this.dcoln,this.dcolt);

-							$(this.cdropleft).remove();

-							$(this.cdropright).remove();

-							this.rePosDrag();

-							

-							if (p.onDragCol) p.onDragCol(this.dcoln, this.dcolt);

-																			

-							}

-						

-						this.dcol = null;

-						this.hset = null;

-						this.dcoln = null;

-						this.dcolt = null;

-						this.colCopy = null;

-						

-						$('.thMove',this.hDiv).removeClass('thMove');

-						$(this.cDrag).show();

-					}										

-				$('body').css('cursor','default');

-				$('body').noSelect(false);

-			},

-			toggleCol: function(cid,visible) {

-				

-				var ncol = $("th[axis='col"+cid+"']",this.hDiv)[0],

-				    n = $('thead th',g.hDiv).index(ncol),

-				    cb = $('input[value='+cid+']',g.nDiv)[0];

-				

-				if (visible==null)

-					{

-						visible = ncol.hide;

-					}

-				

-				if ($('input:checked',g.nDiv).length<p.minColToggle&&!visible) return false;

-				

-				if (visible)

-					{

-						ncol.hide = false;

-						$(ncol).show();

-						cb.checked = true;

-					}

-				else

-					{

-						ncol.hide = true;

-						$(ncol).hide();

-						cb.checked = false;

-					}

-					

-						$('tbody tr',t).each

-							(

-								function ()

-									{

-										if (visible)

-											$('td:eq('+n+')',this).show();

-										else

-											$('td:eq('+n+')',this).hide();

-									}

-							);							

-				

-				this.rePosDrag();

-				

-				if (p.onToggleCol) p.onToggleCol(cid,visible);

-				

-				return visible;

-			},

-			switchCol: function(cdrag,cdrop) { //switch columns

-				

-				$('tbody tr',t).each

-					(

-						function ()

-							{

-								if (cdrag>cdrop)

-									$('td:eq('+cdrop+')',this).before($('td:eq('+cdrag+')',this));

-								else

-									$('td:eq('+cdrop+')',this).after($('td:eq('+cdrag+')',this));

-							}

-					);

-					

-					//switch order in nDiv

-					if (cdrag>cdrop)

-						$('tr:eq('+cdrop+')',this.nDiv).before($('tr:eq('+cdrag+')',this.nDiv));

-					else

-						$('tr:eq('+cdrop+')',this.nDiv).after($('tr:eq('+cdrag+')',this.nDiv));

-						

-					if ($.browser.msie&&$.browser.version<7.0) $('tr:eq('+cdrop+') input',this.nDiv)[0].checked = true;	

-					

-					this.hDiv.scrollLeft = this.bDiv.scrollLeft;

-			},			

-			scroll: function() {

-					this.hDiv.scrollLeft = this.bDiv.scrollLeft;

-					this.rePosDrag();

-			},

-			addData: function (data) { //parse data

-				

-				if (p.preProcess)

-					data = p.preProcess(data);

-				

-				if (this.pDiv) {

-					 this.domElements.pReload.removeClass('loading');

-				}

-				this.loading = false;

-

-				if (!data) 

-					{

-					if (this.pDiv) {

-						this.domElements.pPageStat.html(p.errormsg);	

-					}

-					return false;

-					}

-

-				if (p.dataType=='xml')

-					p.total = +$('rows total',data).text();

-				else

-					p.total = data.total;

-					

-				if (p.total==0)

-					{

-					$('tr, a, td, div',t).unbind();

-					$(t).empty();

-					p.pages = 1;

-					p.page = 1;

-					this.buildpager();

-					if (this.pDiv) {

-						this.domElements.pPageStat.html(p.nomsg);	

-					}

-					return false;

-					}

-				

-				p.pages = Math.ceil(p.total/p.rp);

-				

-				if (p.dataType=='xml')

-					p.page = +$('rows page',data).text();

-				else

-					p.page = data.page;

-				

-				this.buildpager();

-

-				//build new body

-				var tbody = document.createElement('tbody');

-				

-				if (p.dataType=='json')

-				{

-					$.each

-					(

-					 data.rows,

-					 function(i,row) 

-					 	{

-							var tr = document.createElement('tr');

-							if (i % 2 && p.striped) tr.className = 'erow';

-							

-							if (row.id) tr.id = 'row' + row.id;

-							

-							//add cell

-							$('thead tr:first th',g.hDiv).each

-							(

-							 	function ()

-									{

-										

-										var td = document.createElement('td'),

-										    idx = $(this).attr('axis').substr(3);

-										td.align = this.align;

-										td.innerHTML = row.cell[idx];

-										$(tr).append(td);

-										td = null;

-									}

-							); 

-							

-							

-							if ($('thead',this.gDiv).length<1) //handle if grid has no headers

-							{

-

-									for (var idx=0;idx<cell.length;idx++)

-										{

-										var td = document.createElement('td');

-										td.innerHTML = row.cell[idx];

-										$(tr).append(td);

-										td = null;

-										}

-							}							

-							

-							$(tbody).append(tr);

-							tr = null;

-						}

-					);				

-					

-				} else if (p.dataType=='xml') {

-

-				var i = 1;

-

-				$("rows row",data).each

-				(

-				 

-				 	function ()

-						{

-							

-							i++;

-							

-							var tr = document.createElement('tr');

-							if (i % 2 && p.striped) tr.className = 'erow';

-

-							var nid =$(this).attr('id');

-							if (nid) tr.id = 'row' + nid;

-							

-							nid = null;

-							

-							var robj = this;

-

-							

-							

-							$('thead tr:first th',g.hDiv).each

-							(

-							 	function ()

-									{

-										

-										var td = document.createElement('td'),

-										    idx = $(this).attr('axis').substr(3);

-										td.align = this.align;

-										td.innerHTML = $("cell:eq("+ idx +")",robj).text();

-										$(tr).append(td);

-										td = null;

-									}

-							);

-							

-							

-							if ($('thead',this.gDiv).length<1) //handle if grid has no headers

-							{

-								$('cell',this).each

-								(

-								 	function ()

-										{

-										var td = document.createElement('td');

-										td.innerHTML = $(this).text();

-										$(tr).append(td);

-										td = null;

-										}

-								);

-							}

-							

-							$(tbody).append(tr);

-							tr = null;

-							robj = null;

-						}

-				);

-				

-				}

-

-				$('tr',t).unbind();

-				$(t).empty();

-				

-				$(t).append(tbody);

-				this.addCellProp();

-				this.addRowProp();

-				

-				//this.fixHeight($(this.bDiv).height());

-				

-				this.rePosDrag();

-				

-				tbody = null; data = null; i = null; 

-				

-				if (p.onSuccess) p.onSuccess(g);

-				if (p.hideOnSubmit) $(g.block).remove();//$(t).show();

-				

-				this.hDiv.scrollLeft = this.bDiv.scrollLeft;

-				if ($.browser.opera) $(t).css('visibility','visible');

-				

-			},

-			changeSort: function(th) { //change sortorder

-			

-				if (this.loading) return true;

-				

-				$(g.nDiv).hide();$(g.nBtn).hide();

-				

-				if (p.sortname == $(th).attr('abbr'))

-					{

-						if (p.sortorder=='asc') p.sortorder = 'desc'; 

-						else p.sortorder = 'asc';						

-					}

-				

-				$(th).addClass('sorted').siblings().removeClass('sorted');

-				$('.sdesc',this.hDiv).removeClass('sdesc');

-				$('.sasc',this.hDiv).removeClass('sasc');

-				$('div',th).addClass('s'+p.sortorder);

-				p.sortname= $(th).attr('abbr');

-				

-				if (p.onChangeSort)

-					p.onChangeSort(p.sortname,p.sortorder);

-				else

-					this.populate();				

-			

-			},

-			buildpager: function(){ //rebuild pager based on new properties

-			

-			if (this.pDiv) {

-				this.domElements.pcontrol_input.val(p.page);

-				this.domElements.pcontrol_span.html(p.pages);

-			}

-			

-			var r1 = (p.page-1) * p.rp + 1,

-			    r2 = r1 + p.rp - 1;

-			

-			if (p.total<r2) r2 = p.total;

-			

-			var stat = p.pagestat;

-			

-			stat = stat.replace(/{from}/,r1);

-			stat = stat.replace(/{to}/,r2);

-			stat = stat.replace(/{total}/,p.total);

-			

-			if (this.pDiv) {

-				this.domElements.pPageStat.html(stat);	

-			}

-			

-			},

-			populate: function () { //get latest data

-

-				if (this.loading) return true;

-

-				if (p.onSubmit)

-					{

-						var gh = p.onSubmit();

-						if (!gh) return false;

-					}

-

-				this.loading = true;

-				if (!p.url) return false;

-				

-				if (this.pDiv) {

-					this.domElements.pPageStat.html(p.procmsg);	

-					this.domElements.pReload.addClass('loading');

-				}

-				

-				$(g.block).css({top:g.bDiv.offsetTop, width: jQuery(g.pDiv).find('.pDiv2').width()});

-				

-				if (p.hideOnSubmit) $(this.gDiv).prepend(g.block); //$(t).hide();

-				

-				if ($.browser.opera) $(t).css('visibility','hidden');

-				

-				if (!p.newp) p.newp = 1;

-				

-				if (p.page>p.pages) p.page = p.pages;

-				//var param = {page:p.newp, rp: p.rp, sortname: p.sortname, sortorder: p.sortorder, query: p.query, qtype: p.qtype};

-				var param = [

-					{ name : 'sortname', value : p.sortname}

-					,{ name : 'sortorder', value : p.sortorder }

-				];

-                if (p.usepager) {

-                    param.push({ name: 'page', value: p.newp });

-                    param.push({ name: 'rp', value: p.rp });

-                }

-                if (p.query != '') {

-                    param.push({ name: 'query', value: p.query });

-                }

-                if (p.qtype != '') {

-                    param.push({ name: 'qtype', value: p.qtype });

-                }

-							 

-				if (p.params)

-					{

-						for (var pi = 0; pi < p.params.length; pi++) param[param.length] = p.params[pi];

-					}

-				

-					$.ajax({

-					   type: p.method,

-					   url: p.url,

-					   data: param,

-					   dataType: p.dataType,

-					   success: function(data){g.addData(data);},

-					   error: function(XMLHttpRequest, textStatus, errorThrown) { try { if (p.onError) p.onError(XMLHttpRequest, textStatus, errorThrown); } catch (e) {} }

-					 });

-

-                    $('.pJSON a').attr('href', p.url + ( p.url.indexOf('?') == -1 ? '?' : '&') + jQuery.param(param));

-			},

-			doSearch: function () {

-				p.query = $('input[name=q]',g.sDiv).val();

-				p.qtype = $('select[name=qtype]',g.sDiv).val();

-				p.newp = 1;

-

-				this.populate();				

-			},

-			changePage: function (ctype){ //change page

-			

-				if (this.loading) return true;

-			

-				switch(ctype)

-				{

-					case 'first': p.newp = 1; break;

-					case 'prev': if (p.page>1) p.newp = parseInt(p.page) - 1; break;

-					case 'next': if (p.page<p.pages) p.newp = parseInt(p.page) + 1; break;

-					case 'last': p.newp = p.pages; break;

-					case 'input': 

-							if (this.pDiv) {

-								var nv = parseInt(this.domElements.pcontrol_input.val());

-								if (isNaN(nv)) nv = 1;

-								if (nv<1) nv = 1;

-								else if (nv > p.pages) nv = p.pages;

-								this.domElements.pcontrol_input.val(nv);

-								p.newp =nv;

-								break;

-							}

-				}

-			

-				if (p.newp==p.page) return false;

-				

-				if (p.onChangePage) 

-					p.onChangePage(p.newp);

-				else				

-					this.populate();

-			

-			},

-			addCellProp: function ()

-			{

-				

-					$('tbody tr td',g.bDiv).each

-					(

-						function ()

-							{

-									var tdDiv = document.createElement('div'),

-									    n = $('td',$(this).parent()).index(this),

-									    pth = $('th:eq('+n+')',g.hDiv).get(0);

-			

-									if (pth!=null)

-									{

-									if (p.sortname==$(pth).attr('abbr')&&p.sortname) 

-										{

-										this.className = 'sorted';

-										}

-									 $(tdDiv).css({textAlign:pth.align,width: $('div:first',pth)[0].style.width});

-									 

-									 if (pth.hide) $(this).css('display','none');

-									 

-									 }

-									 

-									 if (p.nowrap==false) $(tdDiv).css('white-space','normal');

-									 

-									 if (this.innerHTML=='') this.innerHTML = '&nbsp;';

-									 

-									 //tdDiv.value = this.innerHTML; //store preprocess value

-									 tdDiv.innerHTML = this.innerHTML;

-									 

-									 var prnt = $(this).parent()[0],

-									     pid = false;

-									 if (prnt.id) pid = prnt.id.substr(3);

-									 

-									 if (pth!=null)

-									 {

-									 if (pth.process) pth.process(tdDiv,pid);

-									 }

-									 

-									$(this).empty().append(tdDiv).removeAttr('width'); //wrap content

-

-									//add editable event here 'dblclick'

-

-							}

-					);

-					

-			},

-			getCellDim: function (obj) // get cell prop for editable event

-			{

-				var ht = parseInt($(obj).height()),

-				    pht = parseInt($(obj).parent().height()),

-				    wt = parseInt(obj.style.width),

-				    pwt = parseInt($(obj).parent().width()),

-				    top = obj.offsetParent.offsetTop,

-				    left = obj.offsetParent.offsetLeft,

-				    pdl = parseInt($(obj).css('paddingLeft')),

-				    pdt = parseInt($(obj).css('paddingTop'));

-				return {ht:ht,wt:wt,top:top,left:left,pdl:pdl, pdt:pdt, pht:pht, pwt: pwt};

-			},

-			addRowProp: function()

-			{

-					$('tbody tr',g.bDiv).each

-					(

-						function ()

-							{

-							$(this)

-							.click(

-								function (e) 

-									{ 

-										var obj = (e.target || e.srcElement); if (obj.href || obj.type) return true;

-										$(this).toggleClass('trSelected');

-										if (p.singleSelect) $(this).siblings().removeClass('trSelected');

-									}

-							)

-							.mousedown(

-								function (e)

-									{

-										if (e.shiftKey)

-										{

-										$(this).toggleClass('trSelected'); 

-										g.multisel = true; 

-										this.focus();

-										$(g.gDiv).noSelect();

-										}

-									}

-							)

-							.mouseup(

-								function ()

-									{

-										if (g.multisel)

-										{

-										g.multisel = false;

-										$(g.gDiv).noSelect(false);

-										}

-									}

-							)

-							.hover(

-								function (e) 

-									{ 

-									if (g.multisel) 

-										{

-										$(this).toggleClass('trSelected'); 

-										}

-									},

-								function () {}						

-							)

-							;

-							

-							if ($.browser.msie&&$.browser.version<7.0)

-								{

-									$(this)

-									.hover(

-										function () { $(this).addClass('trOver'); },

-										function () { $(this).removeClass('trOver'); }

-									)

-									;

-								}

-							}

-					);

-					

-					

-			},

-			pager: 0

-			};		

-		

-		//create model if any

-		if (p.colModel)

-		{

-			var thead = document.createElement('thead');

-			var tr = document.createElement('tr');

-			

-			for (var i=0;i<p.colModel.length;i++)

-				{

-					var cm = p.colModel[i],

-					    th = document.createElement('th');

-

-					th.innerHTML = cm.display;

-					

-					if (cm.name&&cm.sortable)

-						$(th).attr('abbr',cm.name);

-					

-					//th.idx = i;

-					$(th).attr('axis','col'+i);

-					

-					if (cm.align)

-						th.align = cm.align;

-						

-					if (cm.width) 

-						$(th).attr('width',cm.width);

-

-					if (cm.hide)

-						{

-						th.hide = true;

-						}

-						

-					if (cm.process)

-						{

-							th.process = cm.process;

-						}

-

-					$(tr).append(th);

-				}

-			$(thead).append(tr);

-			$(t).prepend(thead);

-		} // end if p.colmodel	

-

-		//init divs

-		g.gDiv = document.createElement('div'); //create global container

-		g.mDiv = document.createElement('div'); //create title container

-		g.hDiv = document.createElement('div'); //create header container

-		g.bDiv = document.createElement('div'); //create body container

-		g.vDiv = document.createElement('div'); //create grip

-		g.rDiv = document.createElement('div'); //create horizontal resizer

-		g.cDrag = document.createElement('div'); //create column drag

-		g.block = document.createElement('div'); //creat blocker

-		g.nDiv = document.createElement('div'); //create column show/hide popup

-		g.nBtn = document.createElement('div'); //create column show/hide button

-		g.iDiv = document.createElement('div'); //create editable layer

-		g.tDiv = document.createElement('div'); //create toolbar

-		g.sDiv = document.createElement('div');

-		

-		if (p.usepager) g.pDiv = document.createElement('div'); //create pager container

-		g.hTable = document.createElement('table');

-

-		//set gDiv

-		g.gDiv.className = 'flexigrid';

-		if (p.width!='auto') g.gDiv.style.width = p.width + 'px';

-

-		//add conditional classes

-		if ($.browser.msie)

-			$(g.gDiv).addClass('ie');

-		

-		if (p.novstripe)

-			$(g.gDiv).addClass('novstripe');

-

-		$(t).before(g.gDiv);

-		$(g.gDiv)

-		.append(t)

-		;

-

-		//set toolbar

-		if (p.buttons) 

-		{

-			g.tDiv.className = 'tDiv';

-			var tDiv2 = document.createElement('div');

-			tDiv2.className = 'tDiv2';

-			

-			for (i=0;i<p.buttons.length;i++)

-				{

-					var btn = p.buttons[i];

-					if (!btn.separator)

-					{

-						var btnDiv = document.createElement('div');

-						btnDiv.className = 'fbutton';

-						btnDiv.innerHTML = "<div><span>"+btn.name+"</span></div>";

-						if (btn.bclass) 

-							$('span',btnDiv)

-							.addClass(btn.bclass)

-							.css({paddingLeft:20})

-							;

-						btnDiv.onpress = btn.onpress;

-						btnDiv.name = btn.name;

-						if (btn.onpress)

-						{

-							$(btnDiv).click

-							(	

-								function () 

-								{

-								this.onpress(this.name,g.gDiv);

-								}

-							);

-						}

-						$(tDiv2).append(btnDiv);

-						if ($.browser.msie&&$.browser.version<7.0)

-						{

-							$(btnDiv).hover(function(){$(this).addClass('fbOver');},function(){$(this).removeClass('fbOver');});

-						}

-						

-					} else {

-						$(tDiv2).append("<div class='btnseparator'></div>");

-					}

-				}

-				$(g.tDiv).append(tDiv2);

-				$(g.tDiv).append("<div style='clear:both'></div>");

-				$(g.gDiv).prepend(g.tDiv);

-		}

-		

-		//set hDiv

-		g.hDiv.className = 'hDiv';

-

-		$(t).before(g.hDiv);

-

-		//set hTable

-			g.hTable.cellPadding = 0;

-			g.hTable.cellSpacing = 0;

-			$(g.hDiv).append('<div class="hDivBox"></div>');

-			$('div',g.hDiv).append(g.hTable);

-			var thead = $("thead:first",t).get(0);

-			if (thead) $(g.hTable).append(thead);

-			thead = null;

-		

-		if (!p.colmodel) var ci = 0;

-

-		//setup thead			

-			$('thead tr:first th',g.hDiv).each

-			(

-			 	function ()

-					{

-						var thdiv = document.createElement('div');

-						

-						

-					

-						if ($(this).attr('abbr'))

-							{

-							$(this).click(

-								function (e) 

-									{

-										

-										if (!$(this).hasClass('thOver')) return false;

-										var obj = (e.target || e.srcElement);

-										if (obj.href || obj.type) return true; 

-										g.changeSort(this);

-									}

-							)

-							;

-							

-							if ($(this).attr('abbr')==p.sortname)

-								{

-								this.className = 'sorted';

-								thdiv.className = 's'+p.sortorder;

-								}

-							}

-							

-							if (this.hide) $(this).hide();

-							

-							if (!p.colmodel)

-							{

-								$(this).attr('axis','col' + ci++);

-							}

-							

-							

-						 $(thdiv).css({textAlign:this.align, width: this.width + 'px'});

-						 thdiv.innerHTML = this.innerHTML;

-						 

-						$(this).empty().append(thdiv).removeAttr('width')

-						.mousedown(function (e) 

-							{

-								g.dragStart('colMove',e,this);

-							})

-						.hover(

-							function(){

-								if (!g.colresize&&!$(this).hasClass('thMove')&&!g.colCopy) $(this).addClass('thOver');

-								

-								if ($(this).attr('abbr')!=p.sortname&&!g.colCopy&&!g.colresize&&$(this).attr('abbr')) $('div',this).addClass('s'+p.sortorder);

-								else if ($(this).attr('abbr')==p.sortname&&!g.colCopy&&!g.colresize&&$(this).attr('abbr'))

-									{

-										var no = '';

-										if (p.sortorder=='asc') no = 'desc';

-										else no = 'asc';

-										$('div',this).removeClass('s'+p.sortorder).addClass('s'+no);

-									}

-								

-								if (g.colCopy) 

-									{

-									var n = $('th',g.hDiv).index(this);

-									

-									if (n==g.dcoln) return false;

-									

-									

-									

-									if (n<g.dcoln) $(this).append(g.cdropleft);

-									else $(this).append(g.cdropright);

-									

-									g.dcolt = n;

-									

-									} else if (!g.colresize) {

-										

-									var nv = $('th:visible',g.hDiv).index(this),

-									    onl = parseInt($('div:eq('+nv+')',g.cDrag).css('left')),

-									    nw = jQuery(g.nBtn).outerWidth(),

-									    nl = onl - nw + Math.floor(p.cgwidth/2);

-									

-									$(g.nDiv).hide();$(g.nBtn).hide();

-									

-									$(g.nBtn).css({'left':nl,top:g.hDiv.offsetTop}).show();

-									

-									var ndw = parseInt($(g.nDiv).width());

-									

-									$(g.nDiv).css({top:g.bDiv.offsetTop});

-									

-									if ((nl+ndw)>$(g.gDiv).width())

-										$(g.nDiv).css('left',onl-ndw+1);

-									else

-										$(g.nDiv).css('left',nl);

-										

-									if ($(this).hasClass('sorted')) 

-										$(g.nBtn).addClass('srtd');

-									else

-										$(g.nBtn).removeClass('srtd');

-										

-									}

-									

-							},

-							function(){

-								$(this).removeClass('thOver');

-								if ($(this).attr('abbr')!=p.sortname) $('div',this).removeClass('s'+p.sortorder);

-								else if ($(this).attr('abbr')==p.sortname)

-									{

-										var no = '';

-										if (p.sortorder=='asc') no = 'desc';

-										else no = 'asc';

-										

-										$('div',this).addClass('s'+p.sortorder).removeClass('s'+no);

-									}

-								if (g.colCopy) 

-									{								

-									$(g.cdropleft).remove();

-									$(g.cdropright).remove();

-									g.dcolt = null;

-									}

-							})

-						; //wrap content

-					}

-			);

-

-		//set bDiv

-		g.bDiv.className = 'bDiv';

-		$(t).before(g.bDiv);

-		$(g.bDiv)

-		.css({ height: (p.height=='auto') ? 'auto' : p.height+"px"})

-		.scroll(function (e) {g.scroll()})

-		.append(t)

-		;

-		

-		if (p.height == 'auto') 

-			{

-			$('table',g.bDiv).addClass('autoht');

-			}

-

-

-		//add td properties

-		g.addCellProp();

-		

-		//add row properties

-		g.addRowProp();

-		

-		//set cDrag

-		

-		var cdcol = $('thead tr:first th:first',g.hDiv).get(0);

-		

-		if (cdcol != null)

-		{

-		g.cDrag.className = 'cDrag';

-		g.cdpad = 0;

-		

-		g.cdpad += (isNaN(parseInt($('div',cdcol).css('borderLeftWidth'))) ? 0 : parseInt($('div',cdcol).css('borderLeftWidth'))); 

-		g.cdpad += (isNaN(parseInt($('div',cdcol).css('borderRightWidth'))) ? 0 : parseInt($('div',cdcol).css('borderRightWidth'))); 

-		g.cdpad += (isNaN(parseInt($('div',cdcol).css('paddingLeft'))) ? 0 : parseInt($('div',cdcol).css('paddingLeft'))); 

-		g.cdpad += (isNaN(parseInt($('div',cdcol).css('paddingRight'))) ? 0 : parseInt($('div',cdcol).css('paddingRight'))); 

-		g.cdpad += (isNaN(parseInt($(cdcol).css('borderLeftWidth'))) ? 0 : parseInt($(cdcol).css('borderLeftWidth'))); 

-		g.cdpad += (isNaN(parseInt($(cdcol).css('borderRightWidth'))) ? 0 : parseInt($(cdcol).css('borderRightWidth'))); 

-		g.cdpad += (isNaN(parseInt($(cdcol).css('paddingLeft'))) ? 0 : parseInt($(cdcol).css('paddingLeft'))); 

-		g.cdpad += (isNaN(parseInt($(cdcol).css('paddingRight'))) ? 0 : parseInt($(cdcol).css('paddingRight'))); 

-

-		$(g.bDiv).before(g.cDrag);

-		

-		var cdheight = $(g.bDiv).height(),

-		    hdheight = $(g.hDiv).height();

-		

-		$(g.cDrag).css({top: -hdheight + 'px'});

-		

-		$('thead tr:first th',g.hDiv).each

-			(

-			 	function ()

-					{

-						var cgDiv = document.createElement('div');

-						$(g.cDrag).append(cgDiv);

-						if (!p.cgwidth) p.cgwidth = $(cgDiv).width();

-						$(cgDiv).css({height: cdheight + hdheight})

-						.mousedown(function(e){g.dragStart('colresize',e,this);})

-						;

-						if ($.browser.msie&&$.browser.version<7.0)

-						{

-							g.fixHeight($(g.gDiv).height());

-							$(cgDiv).hover(

-								function () 

-								{

-								g.fixHeight();

-								$(this).addClass('dragging') 

-								},

-								function () { if (!g.colresize) $(this).removeClass('dragging') }

-							);

-						}

-					}

-			);

-		

-		//g.rePosDrag();

-							

-		}

-		

-

-		//add strip		

-		if (p.striped) 

-			$('tbody tr:odd',g.bDiv).addClass('erow');

-			

-			

-		if (p.resizable && p.height !='auto') 

-		{

-		g.vDiv.className = 'vGrip';

-		$(g.vDiv)

-		.mousedown(function (e) { g.dragStart('vresize',e)})

-		.html('<span></span>');

-		$(g.bDiv).after(g.vDiv);

-		}

-		

-		if (p.resizable && p.width !='auto' && !p.nohresize) 

-		{

-		g.rDiv.className = 'hGrip';

-		$(g.rDiv)

-		.mousedown(function (e) {g.dragStart('vresize',e,true);})

-		.html('<span></span>')

-		.css('height',$(g.gDiv).height())

-		;

-		if ($.browser.msie&&$.browser.version<7.0)

-		{

-			$(g.rDiv).hover(function(){$(this).addClass('hgOver');},function(){$(this).removeClass('hgOver');});

-		}

-		$(g.gDiv).append(g.rDiv);

-		}

-		

-		// add pager

-		if (p.usepager)

-		{

-		g.pDiv.className = 'pDiv';

-		g.pDiv.innerHTML = '<div class="pDiv2"></div>';

-		$(g.bDiv).parent().prepend(g.pDiv);

-		var html = ' <div class="pGroup"> <div class="pFirst pButton"><span></span></div><div class="pPrev pButton"><span></span></div> </div> <div class="btnseparator"></div> <div class="pGroup"><span class="pcontrol">'+p.pagetext+' <input type="text" size="4" value="1" /> '+p.outof+' <span> 1 </span></span></div> <div class="btnseparator"></div> <div class="pGroup"> <div class="pNext pButton"><span></span></div><div class="pLast pButton"><span></span></div> </div> <div class="btnseparator"></div> <div class="pGroup"> <div class="pReload pButton"><span></span></div> </div> <div class="btnseparator"></div> <div class="pGroup"> <div class="pJSON pButton"><a href="" target="_blank">JSON</a></div> </div> <div class="btnseparator"></div> <div class="pGroup"><span class="pPageStat"></span></div>';

-		$('div',g.pDiv).html(html);

-

-		g.domElements = {

-			pReload: $('.pReload', g.pDiv),

-			pPageStat: $('.pPageStat', g.pDiv),

-			pcontrol_input: $('.pcontrol input', g.pDiv),

-			pcontrol_span: $('.pcontrol span', g.pDiv)

-		};

-

-		g.domElements.pReload.click(function(){g.populate()});

-		$('.pFirst',g.pDiv).click(function(){g.changePage('first')});

-		$('.pPrev',g.pDiv).click(function(){g.changePage('prev')});

-		$('.pNext',g.pDiv).click(function(){g.changePage('next')});

-		$('.pLast',g.pDiv).click(function(){g.changePage('last')});

-		g.domElements.pcontrol_input.keydown(function(e){if(e.keyCode==13) g.changePage('input')});

-		if ($.browser.msie&&$.browser.version<7) $('.pButton',g.pDiv).hover(function(){$(this).addClass('pBtnOver');},function(){$(this).removeClass('pBtnOver');});

-			

-			if (p.useRp)

-			{

-			var opt = "";

-			for (var nx=0;nx<p.rpOptions.length;nx++)

-			{

-                var sel = '';

-				if (p.rp == p.rpOptions[nx]) sel = 'selected="selected"';

-				opt += "<option value='" + p.rpOptions[nx] + "' " + sel + " >" + p.rpOptions[nx] + "&nbsp;&nbsp;</option>";

-			};

-			$('.pDiv2',g.pDiv).prepend("<div class='pGroup'><select name='rp'>"+opt+"</select></div> <div class='btnseparator'></div>");

-			$('select',g.pDiv).change(

-					function ()

-					{

-						if (p.onRpChange) 

-							p.onRpChange(+this.value);

-						else

-							{

-							p.newp = 1;

-							p.rp = +this.value;

-							g.populate();

-							}

-					}

-				);

-			}

-		

-		//add search button

-		if (p.searchitems)

-			{

-/*				$('.pDiv2',g.pDiv).prepend("<div class='pGroup'> <div class='pSearch pButton'><span></span></div> </div>  <div class='btnseparator'></div>");

-				$('.pSearch',g.pDiv).click(function(){$(g.sDiv).slideToggle('fast',function(){$('.sDiv:visible input:first',g.gDiv).trigger('focus');});});				*/

-				//add search box

-				g.sDiv.className = 'sDiv';

-				

-				sitems = p.searchitems;

-				

-				var sopt = "";

-				for (var s = 0; s < sitems.length; s++)

-				{

-					if (p.qtype=='' && sitems[s].isdefault==true)

-					{

-					p.qtype = sitems[s].name;

-					sel = 'selected="selected"';

-					} else sel = '';

-					sopt += "<option value='" + sitems[s].name + "' " + sel + " >" + sitems[s].display + "&nbsp;&nbsp;</option>";						

-				}

-				

-				if (p.qtype=='') p.qtype = sitems[0].name;

-				

-				$(g.sDiv).append("<div class='btnseparator'></div> <div class='sDiv2'>"/*+p.findtext*/+" <input title='" + texts.misc.search_for + ': ' + sitems[0].display + "' type='text' size='20' name='q' class='qsbox' />");  // <select name='qtype'>"+sopt+"</select> <!--input type='button' value='Clear' /--></div>");

-

-				$('input[name=q],select[name=qtype]',g.sDiv).keydown(function(e){if(e.keyCode==13) g.doSearch()});

-				$('input[value=Clear]',g.sDiv).click(function(){$('input[name=q]',g.sDiv).val(''); p.query = ''; g.doSearch(); });

-				$(g.pDiv).children().first().append(g.sDiv);

-				

-			}

-		

-		}

-		$(g.pDiv,g.sDiv).append("<div style='clear:both'></div>");

-	

-		// add title

-		if (p.title)

-		{

-			g.mDiv.className = 'mDiv';

-			g.mDiv.innerHTML = '<div class="ftitle">'+p.title+'</div>';

-			$(g.gDiv).prepend(g.mDiv);

-			if (p.showTableToggleBtn)

-				{

-					$(g.mDiv).append('<div class="ptogtitle" title="Minimize/Maximize Table"><span></span></div>');

-					$('div.ptogtitle',g.mDiv).click

-					(

-					 	function ()

-							{

-								$(g.gDiv).toggleClass('hideBody');

-								$(this).toggleClass('vsble');

-							}

-					);

-				}

-			//g.rePosDrag();

-		}

-

-		//setup cdrops

-		g.cdropleft = document.createElement('span');

-		g.cdropleft.className = 'cdropleft';

-		g.cdropright = document.createElement('span');

-		g.cdropright.className = 'cdropright';

-

-		//add block

-		g.block.className = 'gBlock';

-		var gh = $(g.bDiv).height(),

-		    gtop = g.bDiv.offsetTop;

-		$(g.block).css(

-		{

-			//width: g.bDiv.style.width,

-			width: jQuery(g.pDiv).find('.pDiv2').width(),

-			height: gh,

-			background: 'white',

-			position: 'relative',

-			marginBottom: (gh * -1),

-			zIndex: 1,

-			top: gtop,

-			left: '0px'

-		}

-		);

-		$(g.block).fadeTo(0,p.blockOpacity);				

-		

-		// add column control

-		if ($('th',g.hDiv).length)

-		{

-			

-			g.nDiv.className = 'nDiv';

-			g.nDiv.innerHTML = "<table cellpadding='0' cellspacing='0'><tbody></tbody></table>";

-			$(g.nDiv).css(

-			{

-				marginBottom: (gh * -1),

-				display: 'none',

-				top: gtop

-			}

-			).noSelect()

-			;

-			

-			var cn = 0;

-			

-			$('th div',g.hDiv).each

-			(

-			 	function ()

-					{

-						var kcol = $("th[axis='col" + cn + "']",g.hDiv)[0],

-						    chk = 'checked="checked"';

-						if (kcol.style.display=='none') chk = '';

-						

-						$('tbody',g.nDiv).append('<tr><td class="ndcol1"><input type="checkbox" '+ chk +' class="togCol" value="'+ cn +'" /></td><td class="ndcol2">'+this.innerHTML+'</td></tr>');

-						cn++;

-					}

-			);

-			

-			if ($.browser.msie&&$.browser.version<7.0)

-				$('tr',g.nDiv).hover

-				(

-				 	function () {$(this).addClass('ndcolover');},

-					function () {$(this).removeClass('ndcolover');}

-				);

-			

-			$('td.ndcol2',g.nDiv).click

-			(

-			 	function ()

-					{

-						if ($('input:checked',g.nDiv).length<=p.minColToggle&&$(this).prev().find('input')[0].checked) return false;

-						return g.toggleCol($(this).prev().find('input').val());

-					}

-			);

-			

-			$('input.togCol',g.nDiv).click

-			(

-			 	function ()

-					{

-						

-						if ($('input:checked',g.nDiv).length<p.minColToggle&&this.checked==false) return false;

-						$(this).parent().next().trigger('click');

-						//return false;

-					}

-			);

-

-

-			$(g.gDiv).prepend(g.nDiv);

-			

-			$(g.nBtn).addClass('nBtn')

-			.html('<div></div>')

-			.attr('title','Hide/Show Columns')

-			.click

-			(

-			 	function ()

-				{

-			 	$(g.nDiv).toggle(); return true;

-				}

-			);

-			

-			if (p.showToggleBtn) $(g.gDiv).prepend(g.nBtn);

-			

-		}

-		

-		// add date edit layer

-		$(g.iDiv)

-		.addClass('iDiv')

-		.css({display:'none'})

-		;

-		$(g.bDiv).append(g.iDiv);

-		

-		// add flexigrid events

-		$(g.bDiv)

-		.hover(function(){$(g.nDiv).hide();$(g.nBtn).hide();},function(){if (g.multisel) g.multisel = false;})

-		;

-		$(g.gDiv)

-		.hover(function(){},function(){$(g.nDiv).hide();$(g.nBtn).hide();})

-		;

-		

-		//add document events

-		$(document)

-		.mousemove(function(e){g.dragMove(e)})

-		.mouseup(function(e){g.dragEnd()})

-		.hover(function(){},function (){g.dragEnd()})

-		;

-		

-		//browser adjustments

-		if ($.browser.msie&&$.browser.version<7.0)

-		{

-			$('.hDiv,.bDiv,.mDiv,.pDiv,.vGrip,.tDiv, .sDiv',g.gDiv)

-			.css({width: '100%'});

-			$(g.gDiv).addClass('ie6');

-			if (p.width!='auto') $(g.gDiv).addClass('ie6fullwidthbug');			

-		} 

-		

-		g.rePosDrag();

-		g.fixHeight();

-		

-		//make grid functions accessible

-		t.p = p;

-		t.grid = g;

-		

-		// load data

-		if (p.url&&p.autoload) 

-			{

-			g.populate();

-			}

-		

-		return t;		

-			

-	};

-

-	var docloaded = false;

-

-	$(document).ready(function () {docloaded = true} );

-

-	$.fn.flexigrid = function(p) {

-

-		return this.each( function() {

-				if (!docloaded)

-				{

-					$(this).hide();

-					var t = this;

-					$(document).ready

-					(

-						function ()

-						{

-						$.addFlex(t,p);

-						}

-					);

-				} else {

-					$.addFlex(this,p);

-				}

-			});

-

-	}; //end flexigrid

-

-	$.fn.flexReload = function(p) { // function to reload grid

-

-		return this.each( function() {

-				if (this.grid&&this.p.url) this.grid.populate();

-			});

-

-	}; //end flexReload

-

-	$.fn.flexOptions = function(p) { //function to update general options

-

-		return this.each( function() {

-				if (this.grid) $.extend(this.p,p);

-			});

-

-	}; //end flexOptions

-

-	$.fn.flexToggleCol = function(cid,visible) { // function to reload grid

-

-		return this.each( function() {

-				if (this.grid) this.grid.toggleCol(cid,visible);

-			});

-

-	}; //end flexToggleCol

-

-	$.fn.flexAddData = function(data) { // function to add data to grid

-

-		return this.each( function() {

-				if (this.grid) this.grid.addData(data);

-			});

-

-	};

-

-	$.fn.noSelect = function(p) { //no select plugin by me :-)

-

-		if (p == null) 

-			prevent = true;

-		else

-			prevent = p;

-

-		if (prevent) {

-		

-		return this.each(function ()

-			{

-				if ($.browser.msie||$.browser.safari) $(this).bind('selectstart',function(){return false;});

-				else if ($.browser.mozilla) 

-					{

-						$(this).css('MozUserSelect','none');

-						$('body').trigger('focus');

-					}

-				else if ($.browser.opera) $(this).bind('mousedown',function(){return false;});

-				else $(this).attr('unselectable','on');

-			});

-			

-		} else {

-

-		

-		return this.each(function ()

-			{

-				if ($.browser.msie||$.browser.safari) $(this).unbind('selectstart');

-				else if ($.browser.mozilla) $(this).css('MozUserSelect','inherit');

-				else if ($.browser.opera) $(this).unbind('mousedown');

-				else $(this).removeAttr('unselectable','on');

-			});

-		

-		}

-

-	}; //end noSelect

-		

-})(jQuery);

+/*
+ * Flexigrid for jQuery - New Wave Grid
+ *
+ * Copyright (c) 2008 Paulo P. Marinas (webplicity.net/flexigrid)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * $Date: 2008-07-14 00:09:43 +0800 (Tue, 14 Jul 2008) $
+ */
+
+(function($){
+
+    $.addFlex = function(t,p)
+    {
+
+        if (t.grid) return false; //return if already exist
+
+        // apply default properties
+        p = $.extend({
+             height: 200, //default height
+             width: 'auto', //auto width
+             striped: true, //apply odd even stripes
+             novstripe: false,
+             minwidth: 30, //min width of columns
+             minheight: 80, //min height of columns
+             resizable: true, //resizable table
+             url: false, //ajax url
+             method: 'POST', // data sending method
+             dataType: 'xml', // type of data loaded
+             errormsg: 'Connection Error',
+             usepager: false, //
+             nowrap: true, //
+             page: 1, //current page
+             total: 1, //total pages
+             useRp: true, //use the results per page select box
+             rp: 15, // results per page
+             rpOptions: [10,15,20,25,40],
+             title: false,
+             pagestat: 'Displaying {from} to {to} of {total} items',
+             pagetext: 'Page',
+             outof: 'of',
+             findtext: 'Find',
+             procmsg: 'Processing, please wait ...',
+             query: '',
+             qtype: '',
+             nomsg: 'No items',
+             minColToggle: 1, //minimum allowed column to be hidden
+             showToggleBtn: true, //show or hide column toggle popup
+             hideOnSubmit: true,
+             autoload: true,
+             blockOpacity: 0.5,
+             onDragCol: false,
+             onToggleCol: false,
+             onChangeSort: false,
+             onSuccess: false,
+             onError: false,
+             onSubmit: false // using a custom populate function
+          }, p);
+
+
+        $(t)
+        .show() //show if hidden
+        .attr({cellPadding: 0, cellSpacing: 0, border: 0})  //remove padding and spacing
+        .removeAttr('width') //remove width properties
+        ;
+
+        //create grid class
+        var g = {
+            hset : {},
+            rePosDrag: function () {
+
+            var cdleft = 0 - this.hDiv.scrollLeft;
+            if (this.hDiv.scrollLeft>0) cdleft -= Math.floor(p.cgwidth/2);
+            $(g.cDrag).css({top:g.hDiv.offsetTop+1});
+            var cdpad = this.cdpad;
+
+            $('div',g.cDrag).hide();
+
+            $('thead tr:first th:visible',this.hDiv).each
+                (
+                 function ()
+                    {
+                    var n = $('thead tr:first th:visible',g.hDiv).index(this),
+                        cdpos = parseInt($('div',this).width());
+                    if (cdleft==0)
+                            cdleft -= Math.floor(p.cgwidth/2);
+
+                    cdpos = cdpos + cdleft + cdpad;
+
+                    $('div:eq('+n+')',g.cDrag).css({'left':cdpos+'px'}).show();
+
+                    cdleft = cdpos;
+                    }
+                );
+
+            },
+            getRp: function() {
+                return p.rp;
+            },
+            newRp: function(value) {
+                    p.newp = 1;
+                    p.rp = value;
+                    g.populate();
+            },
+            fixHeight: function (newH) {
+                    newH = false;
+                    if (!newH) newH = $(g.bDiv).height();
+                    var hdHeight = $(this.hDiv).height();
+                    $('div',this.cDrag).each(
+                        function ()
+                            {
+                                $(this).height(newH+hdHeight);
+                            }
+                    );
+
+                    var nd = parseInt($(g.nDiv).height());
+
+                    if (nd>newH)
+                        $(g.nDiv).height(newH).width(200);
+                    else
+                        $(g.nDiv).height('auto').width('auto');
+
+                    $(g.block).css({height:newH,marginBottom:(newH * -1)});
+
+                    var hrH = g.bDiv.offsetTop + newH;
+                    if (p.height != 'auto' && p.resizable) hrH = g.vDiv.offsetTop;
+                    $(g.rDiv).css({height: hrH});
+
+                    var width_pDiv = jQuery(g.pDiv).width();
+                    var width_hDiv = jQuery(g.hDiv).find('tr').width() - 1;
+                    jQuery(g.pDiv).find('.pDiv2').width( Math.min(width_pDiv, width_hDiv) );
+
+            },
+            dragStart: function (dragtype,e,obj) { //default drag function start
+
+                if (dragtype=='colresize') //column resize
+                    {
+                        $(g.nDiv).hide();$(g.nBtn).hide();
+                        var n = $('div',this.cDrag).index(obj),
+                            ow = $('th:visible div:eq('+n+')',this.hDiv).width();
+                        $(obj).addClass('dragging').siblings().hide();
+                        $(obj).prev().addClass('dragging').show();
+
+                        this.colresize = {startX: e.pageX, ol: parseInt(obj.style.left), ow: ow, n : n };
+                        $('body').css('cursor','col-resize');
+                    }
+                else if (dragtype=='vresize') //table resize
+                    {
+                        var hgo = false;
+                        $('body').css('cursor','row-resize');
+                        if (obj)
+                            {
+                            hgo = true;
+                            $('body').css('cursor','col-resize');
+                            }
+                        this.vresize = {h: p.height, sy: e.pageY, w: p.width, sx: e.pageX, hgo: hgo};
+
+                    }
+
+                else if (dragtype=='colMove') //column header drag
+                    {
+                        $(g.nDiv).hide();$(g.nBtn).hide();
+                        this.hset = $(this.hDiv).offset();
+                        this.hset.right = this.hset.left + $('table',this.hDiv).width();
+                        this.hset.bottom = this.hset.top + $('table',this.hDiv).height();
+                        this.dcol = obj;
+                        this.dcoln = $('th',this.hDiv).index(obj);
+
+                        this.colCopy = document.createElement("div");
+                        this.colCopy.className = "colCopy";
+                        this.colCopy.innerHTML = obj.innerHTML;
+                        if ($.browser.msie)
+                        {
+                        this.colCopy.className = "colCopy ie";
+                        }
+
+
+                        $(this.colCopy).css({position:'absolute','float':'left',display:'none', textAlign: obj.align});
+                        $('body').append(this.colCopy);
+                        $(this.cDrag).hide();
+
+                    }
+
+                $('body').noSelect();
+
+            },
+            dragMove: function (e) {
+
+                if (this.colresize) //column resize
+                    {
+                        var n = this.colresize.n,
+                            diff = e.pageX-this.colresize.startX,
+                            nleft = this.colresize.ol + diff,
+                            nw = this.colresize.ow + diff;
+                        if (nw > p.minwidth)
+                            {
+                                $('div:eq('+n+')',this.cDrag).css('left',nleft);
+                                this.colresize.nw = nw;
+                            }
+                    }
+                else if (this.vresize) //table resize
+                    {
+                        var v = this.vresize,
+                            y = e.pageY,
+                            diff = y-v.sy;
+
+                        if (!p.defwidth) p.defwidth = p.width;
+
+                        if (p.width != 'auto' && !p.nohresize && v.hgo)
+                        {
+                            var x = e.pageX,
+                                xdiff = x - v.sx,
+                                newW = v.w + xdiff;
+                            if (newW > p.defwidth)
+                                {
+                                    this.gDiv.style.width = newW + 'px';
+                                    p.width = newW;
+                                }
+                        }
+
+                        var newH = v.h + diff;
+                        if ((newH > p.minheight || p.height < p.minheight) && !v.hgo)
+                            {
+                                this.bDiv.style.height = newH + 'px';
+                                p.height = newH;
+                                this.fixHeight(newH);
+                            }
+                        v = null;
+                    }
+                else if (this.colCopy) {
+                    $(this.dcol).addClass('thMove').removeClass('thOver');
+                    if (e.pageX > this.hset.right || e.pageX < this.hset.left || e.pageY > this.hset.bottom || e.pageY < this.hset.top)
+                    {
+                        //this.dragEnd();
+                        $('body').css('cursor','move');
+                    }
+                    else
+                    $('body').css('cursor','pointer');
+                    $(this.colCopy).css({top:e.pageY + 10,left:e.pageX + 20, display: 'block'});
+                }
+
+            },
+            dragEnd: function () {
+
+                if (this.colresize)
+                    {
+                        var n = this.colresize.n,
+                            nw = this.colresize.nw;
+
+                                $('th:visible div:eq('+n+')',this.hDiv).css('width',nw);
+                                $('tr',this.bDiv).each (
+                                    function ()
+                                        {
+                                        $('td:visible div:eq('+n+')',this).css('width',nw);
+                                        }
+                                );
+                                this.hDiv.scrollLeft = this.bDiv.scrollLeft;
+
+
+                        $('div:eq('+n+')',this.cDrag).siblings().show();
+                        $('.dragging',this.cDrag).removeClass('dragging');
+                        this.rePosDrag();
+                        this.fixHeight();
+                        this.colresize = false;
+                        this.populate();
+                    }
+                else if (this.vresize)
+                    {
+                        this.vresize = false;
+                    }
+                else if (this.colCopy)
+                    {
+                        $(this.colCopy).remove();
+                        if (this.dcolt != null)
+                            {
+
+
+                            if (this.dcoln>this.dcolt)
+                                $('th:eq('+this.dcolt+')',this.hDiv).before(this.dcol);
+                            else
+                                $('th:eq('+this.dcolt+')',this.hDiv).after(this.dcol);
+
+
+
+                            this.switchCol(this.dcoln,this.dcolt);
+                            $(this.cdropleft).remove();
+                            $(this.cdropright).remove();
+                            this.rePosDrag();
+
+                            if (p.onDragCol) p.onDragCol(this.dcoln, this.dcolt);
+
+                            }
+
+                        this.dcol = null;
+                        this.hset = null;
+                        this.dcoln = null;
+                        this.dcolt = null;
+                        this.colCopy = null;
+
+                        $('.thMove',this.hDiv).removeClass('thMove');
+                        $(this.cDrag).show();
+                    }
+                $('body').css('cursor','default');
+                $('body').noSelect(false);
+            },
+            toggleCol: function(cid,visible) {
+
+                var ncol = $("th[axis='col"+cid+"']",this.hDiv)[0],
+                    n = $('thead th',g.hDiv).index(ncol),
+                    cb = $('input[value='+cid+']',g.nDiv)[0];
+
+                if (visible==null)
+                    {
+                        visible = ncol.hide;
+                    }
+
+                if ($('input:checked',g.nDiv).length<p.minColToggle&&!visible) return false;
+
+                if (visible)
+                    {
+                        ncol.hide = false;
+                        $(ncol).show();
+                        cb.checked = true;
+                    }
+                else
+                    {
+                        ncol.hide = true;
+                        $(ncol).hide();
+                        cb.checked = false;
+                    }
+
+                        $('tbody tr',t).each
+                            (
+                                function ()
+                                    {
+                                        if (visible)
+                                            $('td:eq('+n+')',this).show();
+                                        else
+                                            $('td:eq('+n+')',this).hide();
+                                    }
+                            );
+
+                this.rePosDrag();
+
+                if (p.onToggleCol) p.onToggleCol(cid,visible);
+
+                return visible;
+            },
+            switchCol: function(cdrag,cdrop) { //switch columns
+
+                $('tbody tr',t).each
+                    (
+                        function ()
+                            {
+                                if (cdrag>cdrop)
+                                    $('td:eq('+cdrop+')',this).before($('td:eq('+cdrag+')',this));
+                                else
+                                    $('td:eq('+cdrop+')',this).after($('td:eq('+cdrag+')',this));
+                            }
+                    );
+
+                    //switch order in nDiv
+                    if (cdrag>cdrop)
+                        $('tr:eq('+cdrop+')',this.nDiv).before($('tr:eq('+cdrag+')',this.nDiv));
+                    else
+                        $('tr:eq('+cdrop+')',this.nDiv).after($('tr:eq('+cdrag+')',this.nDiv));
+
+                    if ($.browser.msie&&$.browser.version<7.0) $('tr:eq('+cdrop+') input',this.nDiv)[0].checked = true;
+
+                    this.hDiv.scrollLeft = this.bDiv.scrollLeft;
+            },
+            scroll: function() {
+                    this.hDiv.scrollLeft = this.bDiv.scrollLeft;
+                    this.rePosDrag();
+            },
+            addData: function (data) { //parse data
+
+                if (p.preProcess)
+                    data = p.preProcess(data);
+
+                if (this.pDiv) {
+                     this.domElements.pReload.removeClass('loading');
+                }
+                this.loading = false;
+
+                if (!data)
+                    {
+                    if (this.pDiv) {
+                        this.domElements.pPageStat.html(p.errormsg);
+                    }
+                    return false;
+                    }
+
+                if (p.dataType=='xml')
+                    p.total = +$('rows total',data).text();
+                else
+                    p.total = data.total;
+
+                if (p.total==0)
+                    {
+                    $('tr, a, td, div',t).unbind();
+                    $(t).empty();
+                    p.pages = 1;
+                    p.page = 1;
+                    this.buildpager();
+                    if (this.pDiv) {
+                        this.domElements.pPageStat.html(p.nomsg);
+                    }
+                    return false;
+                    }
+
+                p.pages = Math.ceil(p.total/p.rp);
+
+                if (p.dataType=='xml')
+                    p.page = +$('rows page',data).text();
+                else
+                    p.page = data.page;
+
+                this.buildpager();
+
+                //build new body
+                var tbody = document.createElement('tbody');
+
+                if (p.dataType=='json')
+                {
+                    $.each
+                    (
+                     data.rows,
+                     function(i,row)
+                         {
+                            var tr = document.createElement('tr');
+                            if (i % 2 && p.striped) tr.className = 'erow';
+
+                            if (row.id) tr.id = 'row' + row.id;
+
+                            //add cell
+                            $('thead tr:first th',g.hDiv).each
+                            (
+                                 function ()
+                                    {
+
+                                        var td = document.createElement('td'),
+                                            idx = $(this).attr('axis').substr(3);
+                                        td.align = this.align;
+                                        td.innerHTML = row.cell[idx];
+                                        $(tr).append(td);
+                                        td = null;
+                                    }
+                            );
+
+
+                            if ($('thead',this.gDiv).length<1) //handle if grid has no headers
+                            {
+
+                                    for (var idx=0;idx<cell.length;idx++)
+                                        {
+                                        var td = document.createElement('td');
+                                        td.innerHTML = row.cell[idx];
+                                        $(tr).append(td);
+                                        td = null;
+                                        }
+                            }
+
+                            $(tbody).append(tr);
+                            tr = null;
+                        }
+                    );
+
+                } else if (p.dataType=='xml') {
+
+                var i = 1;
+
+                $("rows row",data).each
+                (
+
+                     function ()
+                        {
+
+                            i++;
+
+                            var tr = document.createElement('tr');
+                            if (i % 2 && p.striped) tr.className = 'erow';
+
+                            var nid =$(this).attr('id');
+                            if (nid) tr.id = 'row' + nid;
+
+                            nid = null;
+
+                            var robj = this;
+
+
+
+                            $('thead tr:first th',g.hDiv).each
+                            (
+                                 function ()
+                                    {
+
+                                        var td = document.createElement('td'),
+                                            idx = $(this).attr('axis').substr(3);
+                                        td.align = this.align;
+                                        td.innerHTML = $("cell:eq("+ idx +")",robj).text();
+                                        $(tr).append(td);
+                                        td = null;
+                                    }
+                            );
+
+
+                            if ($('thead',this.gDiv).length<1) //handle if grid has no headers
+                            {
+                                $('cell',this).each
+                                (
+                                     function ()
+                                        {
+                                        var td = document.createElement('td');
+                                        td.innerHTML = $(this).text();
+                                        $(tr).append(td);
+                                        td = null;
+                                        }
+                                );
+                            }
+
+                            $(tbody).append(tr);
+                            tr = null;
+                            robj = null;
+                        }
+                );
+
+                }
+
+                $('tr',t).unbind();
+                $(t).empty();
+
+                $(t).append(tbody);
+                this.addCellProp();
+                this.addRowProp();
+
+                //this.fixHeight($(this.bDiv).height());
+
+                this.rePosDrag();
+
+                tbody = null; data = null; i = null;
+
+                if (p.onSuccess) p.onSuccess(g);
+                if (p.hideOnSubmit) $(g.block).remove();//$(t).show();
+
+                this.hDiv.scrollLeft = this.bDiv.scrollLeft;
+                if ($.browser.opera) $(t).css('visibility','visible');
+
+            },
+            changeSort: function(th) { //change sortorder
+
+                if (this.loading) return true;
+
+                $(g.nDiv).hide();$(g.nBtn).hide();
+
+                if (p.sortname == $(th).attr('abbr'))
+                    {
+                        if (p.sortorder=='asc') p.sortorder = 'desc';
+                        else p.sortorder = 'asc';
+                    }
+
+                $(th).addClass('sorted').siblings().removeClass('sorted');
+                $('.sdesc',this.hDiv).removeClass('sdesc');
+                $('.sasc',this.hDiv).removeClass('sasc');
+                $('div',th).addClass('s'+p.sortorder);
+                p.sortname= $(th).attr('abbr');
+
+                if (p.onChangeSort)
+                    p.onChangeSort(p.sortname,p.sortorder);
+                else
+                    this.populate();
+
+            },
+            buildpager: function(){ //rebuild pager based on new properties
+
+            if (this.pDiv) {
+                this.domElements.pcontrol_input.val(p.page);
+                this.domElements.pcontrol_span.html(p.pages);
+            }
+
+            var r1 = (p.page-1) * p.rp + 1,
+                r2 = r1 + p.rp - 1;
+
+            if (p.total<r2) r2 = p.total;
+
+            var stat = p.pagestat;
+
+            stat = stat.replace(/{from}/,r1);
+            stat = stat.replace(/{to}/,r2);
+            stat = stat.replace(/{total}/,p.total);
+
+            if (this.pDiv) {
+                this.domElements.pPageStat.html(stat);
+            }
+
+            },
+            populate: function () { //get latest data
+
+                if (this.loading) return true;
+
+                if (p.onSubmit)
+                    {
+                        var gh = p.onSubmit();
+                        if (!gh) return false;
+                    }
+
+                this.loading = true;
+                if (!p.url) return false;
+
+                if (this.pDiv) {
+                    this.domElements.pPageStat.html(p.procmsg);
+                    this.domElements.pReload.addClass('loading');
+                }
+
+                $(g.block).css({top:g.bDiv.offsetTop, width: jQuery(g.pDiv).find('.pDiv2').width()});
+
+                if (p.hideOnSubmit) $(this.gDiv).prepend(g.block); //$(t).hide();
+
+                if ($.browser.opera) $(t).css('visibility','hidden');
+
+                if (!p.newp) p.newp = 1;
+
+                if (p.page>p.pages) p.page = p.pages;
+                //var param = {page:p.newp, rp: p.rp, sortname: p.sortname, sortorder: p.sortorder, query: p.query, qtype: p.qtype};
+                var param = [
+                    { name : 'sortname', value : p.sortname}
+                    ,{ name : 'sortorder', value : p.sortorder }
+                ];
+                if (p.usepager) {
+                    param.push({ name: 'page', value: p.newp });
+                    param.push({ name: 'rp', value: p.rp });
+                }
+                if (p.query != '') {
+                    param.push({ name: 'query', value: p.query });
+                }
+                if (p.qtype != '') {
+                    param.push({ name: 'qtype', value: p.qtype });
+                }
+
+                if (p.params)
+                    {
+                        for (var pi = 0; pi < p.params.length; pi++) param[param.length] = p.params[pi];
+                    }
+
+                    $.ajax({
+                       type: p.method,
+                       url: p.url,
+                       data: param,
+                       dataType: p.dataType,
+                       success: function(data){g.addData(data);},
+                       error: function(XMLHttpRequest, textStatus, errorThrown) { try { if (p.onError) p.onError(XMLHttpRequest, textStatus, errorThrown); } catch (e) {} }
+                     });
+
+                    $('.pJSON a').attr('href', p.url + ( p.url.indexOf('?') == -1 ? '?' : '&') + jQuery.param(param));
+            },
+            doSearch: function () {
+                p.query = $('input[name=q]',g.sDiv).val();
+                p.qtype = $('select[name=qtype]',g.sDiv).val();
+                p.newp = 1;
+
+                this.populate();
+            },
+            changePage: function (ctype){ //change page
+
+                if (this.loading) return true;
+
+                switch(ctype)
+                {
+                    case 'first': p.newp = 1; break;
+                    case 'prev': if (p.page>1) p.newp = parseInt(p.page) - 1; break;
+                    case 'next': if (p.page<p.pages) p.newp = parseInt(p.page) + 1; break;
+                    case 'last': p.newp = p.pages; break;
+                    case 'input':
+                            if (this.pDiv) {
+                                var nv = parseInt(this.domElements.pcontrol_input.val());
+                                if (isNaN(nv)) nv = 1;
+                                if (nv<1) nv = 1;
+                                else if (nv > p.pages) nv = p.pages;
+                                this.domElements.pcontrol_input.val(nv);
+                                p.newp =nv;
+                                break;
+                            }
+                }
+
+                if (p.newp==p.page) return false;
+
+                if (p.onChangePage)
+                    p.onChangePage(p.newp);
+                else
+                    this.populate();
+
+            },
+            addCellProp: function ()
+            {
+
+                    $('tbody tr td',g.bDiv).each
+                    (
+                        function ()
+                            {
+                                    var tdDiv = document.createElement('div'),
+                                        n = $('td',$(this).parent()).index(this),
+                                        pth = $('th:eq('+n+')',g.hDiv).get(0);
+
+                                    if (pth!=null)
+                                    {
+                                    if (p.sortname==$(pth).attr('abbr')&&p.sortname)
+                                        {
+                                        this.className = 'sorted';
+                                        }
+                                     $(tdDiv).css({textAlign:pth.align,width: $('div:first',pth)[0].style.width});
+
+                                     if (pth.hide) $(this).css('display','none');
+
+                                     }
+
+                                     if (p.nowrap==false) $(tdDiv).css('white-space','normal');
+
+                                     if (this.innerHTML=='') this.innerHTML = '&nbsp;';
+
+                                     //tdDiv.value = this.innerHTML; //store preprocess value
+                                     tdDiv.innerHTML = this.innerHTML;
+
+                                     var prnt = $(this).parent()[0],
+                                         pid = false;
+                                     if (prnt.id) pid = prnt.id.substr(3);
+
+                                     if (pth!=null)
+                                     {
+                                     if (pth.process) pth.process(tdDiv,pid);
+                                     }
+
+                                    $(this).empty().append(tdDiv).removeAttr('width'); //wrap content
+
+                                    //add editable event here 'dblclick'
+
+                            }
+                    );
+
+            },
+            getCellDim: function (obj) // get cell prop for editable event
+            {
+                var ht = parseInt($(obj).height()),
+                    pht = parseInt($(obj).parent().height()),
+                    wt = parseInt(obj.style.width),
+                    pwt = parseInt($(obj).parent().width()),
+                    top = obj.offsetParent.offsetTop,
+                    left = obj.offsetParent.offsetLeft,
+                    pdl = parseInt($(obj).css('paddingLeft')),
+                    pdt = parseInt($(obj).css('paddingTop'));
+                return {ht:ht,wt:wt,top:top,left:left,pdl:pdl, pdt:pdt, pht:pht, pwt: pwt};
+            },
+            addRowProp: function()
+            {
+                    $('tbody tr',g.bDiv).each
+                    (
+                        function ()
+                            {
+                            $(this)
+                            .click(
+                                function (e)
+                                    {
+                                        var obj = (e.target || e.srcElement); if (obj.href || obj.type) return true;
+                                        $(this).toggleClass('trSelected');
+                                        if (p.singleSelect) $(this).siblings().removeClass('trSelected');
+                                    }
+                            )
+                            .mousedown(
+                                function (e)
+                                    {
+                                        if (e.shiftKey)
+                                        {
+                                        $(this).toggleClass('trSelected');
+                                        g.multisel = true;
+                                        this.focus();
+                                        $(g.gDiv).noSelect();
+                                        }
+                                    }
+                            )
+                            .mouseup(
+                                function ()
+                                    {
+                                        if (g.multisel)
+                                        {
+                                        g.multisel = false;
+                                        $(g.gDiv).noSelect(false);
+                                        }
+                                    }
+                            )
+                            .hover(
+                                function (e)
+                                    {
+                                    if (g.multisel)
+                                        {
+                                        $(this).toggleClass('trSelected');
+                                        }
+                                    },
+                                function () {}
+                            )
+                            ;
+
+                            if ($.browser.msie&&$.browser.version<7.0)
+                                {
+                                    $(this)
+                                    .hover(
+                                        function () { $(this).addClass('trOver'); },
+                                        function () { $(this).removeClass('trOver'); }
+                                    )
+                                    ;
+                                }
+                            }
+                    );
+
+
+            },
+            pager: 0
+            };
+
+        //create model if any
+        if (p.colModel)
+        {
+            var thead = document.createElement('thead');
+            var tr = document.createElement('tr');
+
+            for (var i=0;i<p.colModel.length;i++)
+                {
+                    var cm = p.colModel[i],
+                        th = document.createElement('th');
+
+                    th.innerHTML = cm.display;
+
+                    if (cm.name&&cm.sortable)
+                        $(th).attr('abbr',cm.name);
+
+                    //th.idx = i;
+                    $(th).attr('axis','col'+i);
+
+                    if (cm.align)
+                        th.align = cm.align;
+
+                    if (cm.width)
+                        $(th).attr('width',cm.width);
+
+                    if (cm.hide)
+                        {
+                        th.hide = true;
+                        }
+
+                    if (cm.process)
+                        {
+                            th.process = cm.process;
+                        }
+
+                    $(tr).append(th);
+                }
+            $(thead).append(tr);
+            $(t).prepend(thead);
+        } // end if p.colmodel
+
+        //init divs
+        g.gDiv = document.createElement('div'); //create global container
+        g.mDiv = document.createElement('div'); //create title container
+        g.hDiv = document.createElement('div'); //create header container
+        g.bDiv = document.createElement('div'); //create body container
+        g.vDiv = document.createElement('div'); //create grip
+        g.rDiv = document.createElement('div'); //create horizontal resizer
+        g.cDrag = document.createElement('div'); //create column drag
+        g.block = document.createElement('div'); //creat blocker
+        g.nDiv = document.createElement('div'); //create column show/hide popup
+        g.nBtn = document.createElement('div'); //create column show/hide button
+        g.iDiv = document.createElement('div'); //create editable layer
+        g.tDiv = document.createElement('div'); //create toolbar
+        g.sDiv = document.createElement('div');
+
+        if (p.usepager) g.pDiv = document.createElement('div'); //create pager container
+        g.hTable = document.createElement('table');
+
+        //set gDiv
+        g.gDiv.className = 'flexigrid';
+        if (p.width!='auto') g.gDiv.style.width = p.width + 'px';
+
+        //add conditional classes
+        if ($.browser.msie)
+            $(g.gDiv).addClass('ie');
+
+        if (p.novstripe)
+            $(g.gDiv).addClass('novstripe');
+
+        $(t).before(g.gDiv);
+        $(g.gDiv)
+        .append(t)
+        ;
+
+        //set toolbar
+        if (p.buttons)
+        {
+            g.tDiv.className = 'tDiv';
+            var tDiv2 = document.createElement('div');
+            tDiv2.className = 'tDiv2';
+
+            for (i=0;i<p.buttons.length;i++)
+                {
+                    var btn = p.buttons[i];
+                    if (!btn.separator)
+                    {
+                        var btnDiv = document.createElement('div');
+                        btnDiv.className = 'fbutton';
+                        btnDiv.innerHTML = "<div><span>"+btn.name+"</span></div>";
+                        if (btn.bclass)
+                            $('span',btnDiv)
+                            .addClass(btn.bclass)
+                            .css({paddingLeft:20})
+                            ;
+                        btnDiv.onpress = btn.onpress;
+                        btnDiv.name = btn.name;
+                        if (btn.onpress)
+                        {
+                            $(btnDiv).click
+                            (
+                                function ()
+                                {
+                                this.onpress(this.name,g.gDiv);
+                                }
+                            );
+                        }
+                        $(tDiv2).append(btnDiv);
+                        if ($.browser.msie&&$.browser.version<7.0)
+                        {
+                            $(btnDiv).hover(function(){$(this).addClass('fbOver');},function(){$(this).removeClass('fbOver');});
+                        }
+
+                    } else {
+                        $(tDiv2).append("<div class='btnseparator'></div>");
+                    }
+                }
+                $(g.tDiv).append(tDiv2);
+                $(g.tDiv).append("<div style='clear:both'></div>");
+                $(g.gDiv).prepend(g.tDiv);
+        }
+
+        //set hDiv
+        g.hDiv.className = 'hDiv';
+
+        $(t).before(g.hDiv);
+
+        //set hTable
+            g.hTable.cellPadding = 0;
+            g.hTable.cellSpacing = 0;
+            $(g.hDiv).append('<div class="hDivBox"></div>');
+            $('div',g.hDiv).append(g.hTable);
+            var thead = $("thead:first",t).get(0);
+            if (thead) $(g.hTable).append(thead);
+            thead = null;
+
+        if (!p.colmodel) var ci = 0;
+
+        //setup thead
+            $('thead tr:first th',g.hDiv).each
+            (
+                 function ()
+                    {
+                        var thdiv = document.createElement('div');
+
+
+
+                        if ($(this).attr('abbr'))
+                            {
+                            $(this).click(
+                                function (e)
+                                    {
+
+                                        if (!$(this).hasClass('thOver')) return false;
+                                        var obj = (e.target || e.srcElement);
+                                        if (obj.href || obj.type) return true;
+                                        g.changeSort(this);
+                                    }
+                            )
+                            ;
+
+                            if ($(this).attr('abbr')==p.sortname)
+                                {
+                                this.className = 'sorted';
+                                thdiv.className = 's'+p.sortorder;
+                                }
+                            }
+
+                            if (this.hide) $(this).hide();
+
+                            if (!p.colmodel)
+                            {
+                                $(this).attr('axis','col' + ci++);
+                            }
+
+
+                         $(thdiv).css({textAlign:this.align, width: this.width + 'px'});
+                         thdiv.innerHTML = this.innerHTML;
+
+                        $(this).empty().append(thdiv).removeAttr('width')
+                        .mousedown(function (e)
+                            {
+                                g.dragStart('colMove',e,this);
+                            })
+                        .hover(
+                            function(){
+                                if (!g.colresize&&!$(this).hasClass('thMove')&&!g.colCopy) $(this).addClass('thOver');
+
+                                if ($(this).attr('abbr')!=p.sortname&&!g.colCopy&&!g.colresize&&$(this).attr('abbr')) $('div',this).addClass('s'+p.sortorder);
+                                else if ($(this).attr('abbr')==p.sortname&&!g.colCopy&&!g.colresize&&$(this).attr('abbr'))
+                                    {
+                                        var no = '';
+                                        if (p.sortorder=='asc') no = 'desc';
+                                        else no = 'asc';
+                                        $('div',this).removeClass('s'+p.sortorder).addClass('s'+no);
+                                    }
+
+                                if (g.colCopy)
+                                    {
+                                    var n = $('th',g.hDiv).index(this);
+
+                                    if (n==g.dcoln) return false;
+
+
+
+                                    if (n<g.dcoln) $(this).append(g.cdropleft);
+                                    else $(this).append(g.cdropright);
+
+                                    g.dcolt = n;
+
+                                    } else if (!g.colresize) {
+
+                                    var nv = $('th:visible',g.hDiv).index(this),
+                                        onl = parseInt($('div:eq('+nv+')',g.cDrag).css('left')),
+                                        nw = jQuery(g.nBtn).outerWidth(),
+                                        nl = onl - nw + Math.floor(p.cgwidth/2);
+
+                                    $(g.nDiv).hide();$(g.nBtn).hide();
+
+                                    $(g.nBtn).css({'left':nl,top:g.hDiv.offsetTop}).show();
+
+                                    var ndw = parseInt($(g.nDiv).width());
+
+                                    $(g.nDiv).css({top:g.bDiv.offsetTop});
+
+                                    if ((nl+ndw)>$(g.gDiv).width())
+                                        $(g.nDiv).css('left',onl-ndw+1);
+                                    else
+                                        $(g.nDiv).css('left',nl);
+
+                                    if ($(this).hasClass('sorted'))
+                                        $(g.nBtn).addClass('srtd');
+                                    else
+                                        $(g.nBtn).removeClass('srtd');
+
+                                    }
+
+                            },
+                            function(){
+                                $(this).removeClass('thOver');
+                                if ($(this).attr('abbr')!=p.sortname) $('div',this).removeClass('s'+p.sortorder);
+                                else if ($(this).attr('abbr')==p.sortname)
+                                    {
+                                        var no = '';
+                                        if (p.sortorder=='asc') no = 'desc';
+                                        else no = 'asc';
+
+                                        $('div',this).addClass('s'+p.sortorder).removeClass('s'+no);
+                                    }
+                                if (g.colCopy)
+                                    {
+                                    $(g.cdropleft).remove();
+                                    $(g.cdropright).remove();
+                                    g.dcolt = null;
+                                    }
+                            })
+                        ; //wrap content
+                    }
+            );
+
+        //set bDiv
+        g.bDiv.className = 'bDiv';
+        $(t).before(g.bDiv);
+        $(g.bDiv)
+        .css({ height: (p.height=='auto') ? 'auto' : p.height+"px"})
+        .scroll(function (e) {g.scroll()})
+        .append(t)
+        ;
+
+        if (p.height == 'auto')
+            {
+            $('table',g.bDiv).addClass('autoht');
+            }
+
+
+        //add td properties
+        g.addCellProp();
+
+        //add row properties
+        g.addRowProp();
+
+        //set cDrag
+
+        var cdcol = $('thead tr:first th:first',g.hDiv).get(0);
+
+        if (cdcol != null)
+        {
+        g.cDrag.className = 'cDrag';
+        g.cdpad = 0;
+
+        g.cdpad += (isNaN(parseInt($('div',cdcol).css('borderLeftWidth'))) ? 0 : parseInt($('div',cdcol).css('borderLeftWidth')));
+        g.cdpad += (isNaN(parseInt($('div',cdcol).css('borderRightWidth'))) ? 0 : parseInt($('div',cdcol).css('borderRightWidth')));
+        g.cdpad += (isNaN(parseInt($('div',cdcol).css('paddingLeft'))) ? 0 : parseInt($('div',cdcol).css('paddingLeft')));
+        g.cdpad += (isNaN(parseInt($('div',cdcol).css('paddingRight'))) ? 0 : parseInt($('div',cdcol).css('paddingRight')));
+        g.cdpad += (isNaN(parseInt($(cdcol).css('borderLeftWidth'))) ? 0 : parseInt($(cdcol).css('borderLeftWidth')));
+        g.cdpad += (isNaN(parseInt($(cdcol).css('borderRightWidth'))) ? 0 : parseInt($(cdcol).css('borderRightWidth')));
+        g.cdpad += (isNaN(parseInt($(cdcol).css('paddingLeft'))) ? 0 : parseInt($(cdcol).css('paddingLeft')));
+        g.cdpad += (isNaN(parseInt($(cdcol).css('paddingRight'))) ? 0 : parseInt($(cdcol).css('paddingRight')));
+
+        $(g.bDiv).before(g.cDrag);
+
+        var cdheight = $(g.bDiv).height(),
+            hdheight = $(g.hDiv).height();
+
+        $(g.cDrag).css({top: -hdheight + 'px'});
+
+        $('thead tr:first th',g.hDiv).each
+            (
+                 function ()
+                    {
+                        var cgDiv = document.createElement('div');
+                        $(g.cDrag).append(cgDiv);
+                        if (!p.cgwidth) p.cgwidth = $(cgDiv).width();
+                        $(cgDiv).css({height: cdheight + hdheight})
+                        .mousedown(function(e){g.dragStart('colresize',e,this);})
+                        ;
+                        if ($.browser.msie&&$.browser.version<7.0)
+                        {
+                            g.fixHeight($(g.gDiv).height());
+                            $(cgDiv).hover(
+                                function ()
+                                {
+                                g.fixHeight();
+                                $(this).addClass('dragging')
+                                },
+                                function () { if (!g.colresize) $(this).removeClass('dragging') }
+                            );
+                        }
+                    }
+            );
+
+        //g.rePosDrag();
+
+        }
+
+
+        //add strip
+        if (p.striped)
+            $('tbody tr:odd',g.bDiv).addClass('erow');
+
+
+        if (p.resizable && p.height !='auto')
+        {
+        g.vDiv.className = 'vGrip';
+        $(g.vDiv)
+        .mousedown(function (e) { g.dragStart('vresize',e)})
+        .html('<span></span>');
+        $(g.bDiv).after(g.vDiv);
+        }
+
+        if (p.resizable && p.width !='auto' && !p.nohresize)
+        {
+        g.rDiv.className = 'hGrip';
+        $(g.rDiv)
+        .mousedown(function (e) {g.dragStart('vresize',e,true);})
+        .html('<span></span>')
+        .css('height',$(g.gDiv).height())
+        ;
+        if ($.browser.msie&&$.browser.version<7.0)
+        {
+            $(g.rDiv).hover(function(){$(this).addClass('hgOver');},function(){$(this).removeClass('hgOver');});
+        }
+        $(g.gDiv).append(g.rDiv);
+        }
+
+        // add pager
+        if (p.usepager)
+        {
+        g.pDiv.className = 'pDiv';
+        g.pDiv.innerHTML = '<div class="pDiv2"></div>';
+        $(g.bDiv).parent().prepend(g.pDiv);
+        var html = ' <div class="pGroup"> <div class="pFirst pButton"><span></span></div><div class="pPrev pButton"><span></span></div> </div> <div class="btnseparator"></div> <div class="pGroup"><span class="pcontrol">'+p.pagetext+' <input type="text" size="4" value="1" /> '+p.outof+' <span> 1 </span></span></div> <div class="btnseparator"></div> <div class="pGroup"> <div class="pNext pButton"><span></span></div><div class="pLast pButton"><span></span></div> </div> <div class="btnseparator"></div> <div class="pGroup"> <div class="pReload pButton"><span></span></div> </div> <div class="btnseparator"></div> <div class="pGroup"> <div class="pJSON pButton"><a href="" target="_blank">JSON</a></div> </div> <div class="btnseparator"></div> <div class="pGroup"><span class="pPageStat"></span></div>';
+        $('div',g.pDiv).html(html);
+
+        g.domElements = {
+            pReload: $('.pReload', g.pDiv),
+            pPageStat: $('.pPageStat', g.pDiv),
+            pcontrol_input: $('.pcontrol input', g.pDiv),
+            pcontrol_span: $('.pcontrol span', g.pDiv)
+        };
+
+        g.domElements.pReload.click(function(){g.populate()});
+        $('.pFirst',g.pDiv).click(function(){g.changePage('first')});
+        $('.pPrev',g.pDiv).click(function(){g.changePage('prev')});
+        $('.pNext',g.pDiv).click(function(){g.changePage('next')});
+        $('.pLast',g.pDiv).click(function(){g.changePage('last')});
+        g.domElements.pcontrol_input.keydown(function(e){if(e.keyCode==13) g.changePage('input')});
+        if ($.browser.msie&&$.browser.version<7) $('.pButton',g.pDiv).hover(function(){$(this).addClass('pBtnOver');},function(){$(this).removeClass('pBtnOver');});
+
+            if (p.useRp)
+            {
+            var opt = "";
+            for (var nx=0;nx<p.rpOptions.length;nx++)
+            {
+                var sel = '';
+                if (p.rp == p.rpOptions[nx]) sel = 'selected="selected"';
+                opt += "<option value='" + p.rpOptions[nx] + "' " + sel + " >" + p.rpOptions[nx] + "&nbsp;&nbsp;</option>";
+            };
+            $('.pDiv2',g.pDiv).prepend("<div class='pGroup'><select name='rp'>"+opt+"</select></div> <div class='btnseparator'></div>");
+            $('select',g.pDiv).change(
+                    function ()
+                    {
+                        if (p.onRpChange)
+                            p.onRpChange(+this.value);
+                        else
+                            {
+                            p.newp = 1;
+                            p.rp = +this.value;
+                            g.populate();
+                            }
+                    }
+                );
+            }
+
+        //add search button
+        if (p.searchitems)
+            {
+/*                $('.pDiv2',g.pDiv).prepend("<div class='pGroup'> <div class='pSearch pButton'><span></span></div> </div>  <div class='btnseparator'></div>");
+                $('.pSearch',g.pDiv).click(function(){$(g.sDiv).slideToggle('fast',function(){$('.sDiv:visible input:first',g.gDiv).trigger('focus');});});                */
+                //add search box
+                g.sDiv.className = 'sDiv';
+
+                sitems = p.searchitems;
+
+                var sopt = "";
+                for (var s = 0; s < sitems.length; s++)
+                {
+                    if (p.qtype=='' && sitems[s].isdefault==true)
+                    {
+                    p.qtype = sitems[s].name;
+                    sel = 'selected="selected"';
+                    } else sel = '';
+                    sopt += "<option value='" + sitems[s].name + "' " + sel + " >" + sitems[s].display + "&nbsp;&nbsp;</option>";
+                }
+
+                if (p.qtype=='') p.qtype = sitems[0].name;
+
+                $(g.sDiv).append("<div class='btnseparator'></div> <div class='sDiv2'>"/*+p.findtext*/+" <input title='" + texts.misc.search_for + ': ' + sitems[0].display + "' type='text' size='20' name='q' class='qsbox' />");  // <select name='qtype'>"+sopt+"</select> <!--input type='button' value='Clear' /--></div>");
+
+                $('input[name=q],select[name=qtype]',g.sDiv).keydown(function(e){if(e.keyCode==13) g.doSearch()});
+                $('input[value=Clear]',g.sDiv).click(function(){$('input[name=q]',g.sDiv).val(''); p.query = ''; g.doSearch(); });
+                $(g.pDiv).children().first().append(g.sDiv);
+
+            }
+
+        }
+        $(g.pDiv,g.sDiv).append("<div style='clear:both'></div>");
+
+        // add title
+        if (p.title)
+        {
+            g.mDiv.className = 'mDiv';
+            g.mDiv.innerHTML = '<div class="ftitle">'+p.title+'</div>';
+            $(g.gDiv).prepend(g.mDiv);
+            if (p.showTableToggleBtn)
+                {
+                    $(g.mDiv).append('<div class="ptogtitle" title="Minimize/Maximize Table"><span></span></div>');
+                    $('div.ptogtitle',g.mDiv).click
+                    (
+                         function ()
+                            {
+                                $(g.gDiv).toggleClass('hideBody');
+                                $(this).toggleClass('vsble');
+                            }
+                    );
+                }
+            //g.rePosDrag();
+        }
+
+        //setup cdrops
+        g.cdropleft = document.createElement('span');
+        g.cdropleft.className = 'cdropleft';
+        g.cdropright = document.createElement('span');
+        g.cdropright.className = 'cdropright';
+
+        //add block
+        g.block.className = 'gBlock';
+        var gh = $(g.bDiv).height(),
+            gtop = g.bDiv.offsetTop;
+        $(g.block).css(
+        {
+            //width: g.bDiv.style.width,
+            width: jQuery(g.pDiv).find('.pDiv2').width(),
+            height: gh,
+            background: 'white',
+            position: 'relative',
+            marginBottom: (gh * -1),
+            zIndex: 1,
+            top: gtop,
+            left: '0px'
+        }
+        );
+        $(g.block).fadeTo(0,p.blockOpacity);
+
+        // add column control
+        if ($('th',g.hDiv).length)
+        {
+
+            g.nDiv.className = 'nDiv';
+            g.nDiv.innerHTML = "<table cellpadding='0' cellspacing='0'><tbody></tbody></table>";
+            $(g.nDiv).css(
+            {
+                marginBottom: (gh * -1),
+                display: 'none',
+                top: gtop
+            }
+            ).noSelect()
+            ;
+
+            var cn = 0;
+
+            $('th div',g.hDiv).each
+            (
+                 function ()
+                    {
+                        var kcol = $("th[axis='col" + cn + "']",g.hDiv)[0],
+                            chk = 'checked="checked"';
+                        if (kcol.style.display=='none') chk = '';
+
+                        $('tbody',g.nDiv).append('<tr><td class="ndcol1"><input type="checkbox" '+ chk +' class="togCol" value="'+ cn +'" /></td><td class="ndcol2">'+this.innerHTML+'</td></tr>');
+                        cn++;
+                    }
+            );
+
+            if ($.browser.msie&&$.browser.version<7.0)
+                $('tr',g.nDiv).hover
+                (
+                     function () {$(this).addClass('ndcolover');},
+                    function () {$(this).removeClass('ndcolover');}
+                );
+
+            $('td.ndcol2',g.nDiv).click
+            (
+                 function ()
+                    {
+                        if ($('input:checked',g.nDiv).length<=p.minColToggle&&$(this).prev().find('input')[0].checked) return false;
+                        return g.toggleCol($(this).prev().find('input').val());
+                    }
+            );
+
+            $('input.togCol',g.nDiv).click
+            (
+                 function ()
+                    {
+
+                        if ($('input:checked',g.nDiv).length<p.minColToggle&&this.checked==false) return false;
+                        $(this).parent().next().trigger('click');
+                        //return false;
+                    }
+            );
+
+
+            $(g.gDiv).prepend(g.nDiv);
+
+            $(g.nBtn).addClass('nBtn')
+            .html('<div></div>')
+            .attr('title','Hide/Show Columns')
+            .click
+            (
+                 function ()
+                {
+                 $(g.nDiv).toggle(); return true;
+                }
+            );
+
+            if (p.showToggleBtn) $(g.gDiv).prepend(g.nBtn);
+
+        }
+
+        // add date edit layer
+        $(g.iDiv)
+        .addClass('iDiv')
+        .css({display:'none'})
+        ;
+        $(g.bDiv).append(g.iDiv);
+
+        // add flexigrid events
+        $(g.bDiv)
+        .hover(function(){$(g.nDiv).hide();$(g.nBtn).hide();},function(){if (g.multisel) g.multisel = false;})
+        ;
+        $(g.gDiv)
+        .hover(function(){},function(){$(g.nDiv).hide();$(g.nBtn).hide();})
+        ;
+
+        //add document events
+        $(document)
+        .mousemove(function(e){g.dragMove(e)})
+        .mouseup(function(e){g.dragEnd()})
+        .hover(function(){},function (){g.dragEnd()})
+        ;
+
+        //browser adjustments
+        if ($.browser.msie&&$.browser.version<7.0)
+        {
+            $('.hDiv,.bDiv,.mDiv,.pDiv,.vGrip,.tDiv, .sDiv',g.gDiv)
+            .css({width: '100%'});
+            $(g.gDiv).addClass('ie6');
+            if (p.width!='auto') $(g.gDiv).addClass('ie6fullwidthbug');
+        }
+
+        g.rePosDrag();
+        g.fixHeight();
+
+        //make grid functions accessible
+        t.p = p;
+        t.grid = g;
+
+        // load data
+        if (p.url&&p.autoload)
+            {
+            g.populate();
+            }
+
+        return t;
+
+    };
+
+    var docloaded = false;
+
+    $(document).ready(function () {docloaded = true} );
+
+    $.fn.flexigrid = function(p) {
+
+        return this.each( function() {
+                if (!docloaded)
+                {
+                    $(this).hide();
+                    var t = this;
+                    $(document).ready
+                    (
+                        function ()
+                        {
+                        $.addFlex(t,p);
+                        }
+                    );
+                } else {
+                    $.addFlex(this,p);
+                }
+            });
+
+    }; //end flexigrid
+
+    $.fn.flexReload = function(p) { // function to reload grid
+
+        return this.each( function() {
+                if (this.grid&&this.p.url) this.grid.populate();
+            });
+
+    }; //end flexReload
+
+    $.fn.flexOptions = function(p) { //function to update general options
+
+        return this.each( function() {
+                if (this.grid) $.extend(this.p,p);
+            });
+
+    }; //end flexOptions
+
+    $.fn.flexToggleCol = function(cid,visible) { // function to reload grid
+
+        return this.each( function() {
+                if (this.grid) this.grid.toggleCol(cid,visible);
+            });
+
+    }; //end flexToggleCol
+
+    $.fn.flexAddData = function(data) { // function to add data to grid
+
+        return this.each( function() {
+                if (this.grid) this.grid.addData(data);
+            });
+
+    };
+
+    $.fn.noSelect = function(p) { //no select plugin by me :-)
+
+        if (p == null)
+            prevent = true;
+        else
+            prevent = p;
+
+        if (prevent) {
+
+        return this.each(function ()
+            {
+                if ($.browser.msie||$.browser.safari) $(this).bind('selectstart',function(){return false;});
+                else if ($.browser.mozilla)
+                    {
+                        $(this).css('MozUserSelect','none');
+                        $('body').trigger('focus');
+                    }
+                else if ($.browser.opera) $(this).bind('mousedown',function(){return false;});
+                else $(this).attr('unselectable','on');
+            });
+
+        } else {
+
+
+        return this.each(function ()
+            {
+                if ($.browser.msie||$.browser.safari) $(this).unbind('selectstart');
+                else if ($.browser.mozilla) $(this).css('MozUserSelect','inherit');
+                else if ($.browser.opera) $(this).unbind('mousedown');
+                else $(this).removeAttr('unselectable','on');
+            });
+
+        }
+
+    }; //end noSelect
+
+})(jQuery);