autocomplete = function()
{
  this.init = function() 
  {
    var uri = dipity.base_url + "/search/xhr/"; 
    var schema = ["results.result", "title", "img", 'link']; 
	  var ds = new YAHOO.widget.DS_XHR(uri, schema); 
	  var YUIAuto = new YAHOO.widget.AutoComplete("searchbox","auto_container", ds);      
	  YUIAuto.maxResultsDisplayed = 4;   
    YUIAuto.maxCacheEntries = 100;
	  YUIAuto.queryMatchSubset = true; 
	  YUIAuto.autoHighlight = false; 
	
	  YUIAuto.formatResult = function(aResultItem, sQuery) { 
	     var sKey = aResultItem[0]; 
	     var sKeyQuery = sKey.substr(0, sQuery.length); 
	     var sKeyRemainder = sKey.substr(sQuery.length); 
	 
	     var attribute1 = aResultItem[1];    
	     var attribute2 = aResultItem[2]; 
	 
	     var aMarkup = ['<a href="', attribute2, '"><div id="ysearchresult">', 
	      
	      '<div class="gridicon" style="float:left; padding-right:10px;"><div class="popup"></div><img class="img" src="', attribute1, '"/></div>',
	      '<span style="font-weight:bold;">', 
	      sKeyQuery, 
	      '</span>', 
	      sKeyRemainder,  
	      '</div></a><br clear="all"/>']; 
	    return (aMarkup.join("")); 
	  }; 
	  
	  
    var itemSelectHandler = function(sType, aArgs) {
	    YAHOO.log(sType); 			    
	    var aData = aArgs[2]; //array of the data for the item as returned by the DataSource
	    document.location(aData[2]);
    };

  YUIAuto.itemSelectEvent.subscribe(itemSelectHandler);
  }
   
};

if (document.getElementById('searchbox')) {
  var ac = new autocomplete();
  ac.init();
}