var autoComplete = new Array();

function initAutoComplete(){
  YAHOO.example.ACFlatData = new function(){
      // Define a custom formatter function
      this.fnCustomFormatter = function(oResultItem, sQuery) {
          var sKey = oResultItem[0];
          var nQuantity = oResultItem[1];
          var sKeyQuery = sKey.substr(0, sQuery.length);
          var sKeyRemainder = sKey.substr(sQuery.length);
          var aMarkup = ["<div class='sample-result'><div class='sample-quantity'>",
              nQuantity,
              "</div><span class='sample-query'>",
              sKeyQuery,
              "</span>",
              sKeyRemainder,
              "</div>"];
          return (aMarkup.join(""));
      }; 
          
      // Instantiate one XHR DataSource and define schema as an array:
      //     ["Record Delimiter",
      //     "Field Delimiter"]
      this.oACDS = new YAHOO.widget.DS_XHR(autoComplete[1], ["\n", "\t"]);
      this.oACDS.responseType = YAHOO.widget.DS_XHR.TYPE_FLAT;
      this.oACDS.maxCacheEntries = 100;
      this.oACDS.queryMatchSubset = true;
      
      // Instantiate the autocomplete object
      this.oACDS.scriptQueryAppend = "type="+autoComplete[0]; 
      var myInput = document.getElementById(autoComplete[0]+'_search_auto');
      var myContainer = document.getElementById(autoComplete[0]+'_search_auto_container');
      this.oAutoComp0 = new YAHOO.widget.AutoComplete(myInput,myContainer,this.oACDS);
      this.oAutoComp0.queryDelay = 0;
      this.oAutoComp0.formatResult = this.fnCustomFormatter;
  
  };
}

// do it like this so that its done one at a time
function initAutoCompleteEvents(){
  autoComplete[0] = "event";
  autoComplete[1] = "/events/index.php";
  initAutoComplete();
  
  autoComplete[0] = "venue";
  autoComplete[1] = "/events/index.php";
  initAutoComplete();
  
  autoComplete[0] = "location";
  autoComplete[1] = "/events/index.php";
  initAutoComplete();
}

YAHOO.util.Event.onDOMReady(initAutoCompleteEvents);