<!--//--><![CDATA[//><!--

	function doOnLoad(){
  /*var mygrid = new dhtmlXGridFromTable('tblToGrid');
  mygrid2.setImagePath("/codebase/imgs/");
	mygrid2.setHeader("Title,Artist");
	mygrid2.setInitWidths("180,200")
	mygrid2.setColAlign("center,center")
	mygrid2.setColTypes("ro,ro");
	mygrid2.setColSorting("str,str")
	mygrid2.enableResizing("false,false")
	mygrid2.setSkin("light")
	mygrid2.attachHeader("<div id='title_flt'></div>,<div id='artist_flt'></div>,#rspan,#rspan");*/


  mygrid = new dhtmlXGridObject('gridbox');
	mygrid.setImagePath("/Grid/imgs/");
	mygrid.setHeader("Title,Artist,Release Date");
	mygrid.setInitWidths("200,250,150")
	mygrid.setColAlign("center,center,center")
	mygrid.setColTypes("link,ro,ro");
	mygrid.setColSorting("str,str,str")
	mygrid.enableResizing("false,false,false")
	mygrid.setSkin("light")
  mygrid.init();
	mygrid.loadXML("/grid_links.xml", function(){
				mygrid.attachHeader("<div id='title_flt'></div>,<div id='artist_flt'></div>,#rspan");
				//set title filter field
				document.getElementById("title_flt").appendChild(document.getElementById("title_flt_box").childNodes[0])
				//set author fiter field
				var artFlt = document.getElementById("artist_flt").appendChild(document.getElementById("artist_flt_box").childNodes[0]);
				populateSelectWithArtists(artFlt);
				mygrid.sortRows(2,"str","dsc");
        mygrid.setSizes();
			});
	
	}
	function filterBy()
  {
			var tVal = document.getElementById("title_flt").childNodes[0].value.toLowerCase();
			var aVal = document.getElementById("artist_flt").childNodes[0].value.toLowerCase();
			
			for(var i=0; i< mygrid.getRowsNum();i++)
      {
				var tStr = mygrid.cells2(i,0).getValue().toString().toLowerCase();
				var aStr = mygrid.cells2(i,1).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 populateSelectWithArtists(selObj)
  {
			selObj.options.add(new Option("All Artists",""))
			var usedAuthAr = new dhtmlxArray();
			mygrid.sortRows(1,"str","asc");
      for(var i=0;i<mygrid.getRowsNum();i++)
      {
				var authNm = mygrid.cells2(i,1).getValue();
				if(usedAuthAr._dhx_find(authNm)==-1)
        {
					selObj.options.add(new Option(authNm,authNm))
					usedAuthAr[usedAuthAr.length] = authNm;
				}
			}
			
		}
//--><!]]>

