// JavaScript Document
  var r = 1, c = 1, max_c = 4;;
			 
			  for ( i in products){
			  			   
			  var code1 = '<td width="155" align="center" valign="top">';
			  var code2 = '<table width="150" border="0" cellspacing="0" cellpadding="0"><tr><td height="105" align="center" valign="middle" bgcolor="#B8A76F">';
			  var code3 = '<a class="imgblackborder" href="javascript:loadProduct(\'' + products[i].id  + '\')"><img src=" ' + products[i].thumbpath  + '" border="1"></a>';
			  var code4 = '</td></tr><tr><td height="20" align="center" valign="middle" bgcolor="#9D8B4F">';
			  var code5 = products[i].name;
			  var code6 = '</td></tr></table>';
			  var code7 = '</td>';
			  
			  document.write( code1 + code2 + code3 + code4 + code5 + code6 + code7);
			  
			  c+= 1;
			  if(c > max_c){
			  	document.write("<tr><td height='3' colspan=" + max_c + "</td></tr></tr><tr>");
				c = 1;
			  }
			  
			  
			  }
			  //IMPORTANT: Make sure the clientside-querystring.js is included in the html file.
			  show_item = getQueryString(window.location, "showitem")
			  show_item = (show_item == "NOTFOUND")? "item1" : show_item;
			  if(show_item.indexOf("#") != -1){
				  show_item = show_item.substring(0, show_item.indexOf('#'));
			  }
			  loadProduct(show_item);