// JavaScript Document
		function doOnLoad(){
			mygrid = new dhtmlXGridObject('gridbox');
			mygrid.setImagePath("../../codebase/imgs/");
		    mygrid.setHeader("Type,Name,BB,DL,V.,WK DLs,Contributor,Add Date,-,Info Link");
			mygrid.setInitWidths("80,180,30,65,40,40,100,70,40,*");
			mygrid.setColAlign("left,left,left,center,right,center,left,left,left,left,left");
			mygrid.setColTypes("ro,ro,ro,ro,ro,ro,ro,ro,ro,ro");
		    mygrid.getCombo(10).put(2,2);
			mygrid.setColSorting("int,str,date,str,str,str,date,str,str,str");
			mygrid.setColumnColor("white,white,white,white,white,white,white,white,white,white");
		    mygrid.setColumnMinWidth(40,0);
		    mygrid.enableLightMouseNavigation(true);
		    mygrid.setSkin("light");
			mygrid.init();
			mygrid.enableSmartRendering(true, 50);
			mygrid.loadXML("extstylelangmod.xml", function(){
			mygrid.attachHeader("#select_filter,#text_filter,#text_filter,#text_filter,#text_filter,#text_filter,#text_filter,#select_filter,#text_filter,#text_filter");
				//set title filter field
				document.getElementById("title_flt").appendChild(document.getElementById("title_flt_box").childNodes[0])
				//set author fiter field
				var authFlt = document.getElementById("author_flt").appendChild(document.getElementById("author_flt_box").childNodes[0]);
				populateSelectWithAuthors(authFlt);
				mygrid.setSizes();
			});
		}
		function filterBy(){
			var tVal = document.getElementById("title_flt").childNodes[0].value.toLowerCase();
			var aVal = document.getElementById("author_flt").childNodes[0].value.toLowerCase();
			
			for(var i=0; i< mygrid.getRowsNum();i++){
				var tStr = mygrid.cells2(i,1).getValue().toString().toLowerCase();
				var aStr = mygrid.cells2(i,2).getValue().toString().toLowerCase();
				if((tVal=="" || tStr.indexOf(tVal)==0) && (aVal=="" || aStr.indexOf(aVal)==0))
					mygrid.setRowHidden(mygrid.getRowId(i),false)
				else
					mygrid.setRowHidden(mygrid.getRowId(i),true)
			}
		}
		function populateSelectWithAuthors(selObj){
			selObj.options.add(new Option("Select",""))
			var usedAuthAr = new dhtmlxArray();
			for(var i=0;i<mygrid.getRowsNum();i++){
				var authNm = mygrid.cells2(i,2).getValue();
				if(usedAuthAr._dhx_find(authNm)==-1){
					selObj.options.add(new Option(authNm,authNm))
					usedAuthAr[usedAuthAr.length] = authNm;
				}
			}
		}