// create and populate ul
//
var ul = _b.DOM.cE("ul", {id:"as_ul"});




// loop throught arr of suggestions
// creating an LI element for each suggestion
//
for (var i=0;i<arr.length;i++)
{
// format output with the input enclosed in a EM element
// (as HTML, not DOM)
//
var val = arr[i].value;
var st = val.toLowerCase().indexOf( this.sInp.toLowerCase() );
var output = val.substring(0,st) + "<em>" + val.substring(st, st+this.sInp.length) + "</em>" + val.substring(st+this.sInp.length);


var span = _b.DOM.cE("span", {}, output, true);
if (arr[i].info != "")
{
var br = _b.DOM.cE("br", {});
span.appendChild(br);
var small = _b.DOM.cE("small", {}, arr[i].info);
span.appendChild(small);
}

var a = _b.DOM.cE("a", { href:"index.html" });

var tl = _b.DOM.cE("span", {className:"tl"}, " ");
var tr = _b.DOM.cE("span", {className:"tr"}, " ");
a.appendChild(tl);
a.appendChild(tr);

a.appendChild(span);

a.name = i+1;
a.onclick = function () { pointer.setHighlightedValue(); return false; };
a.onmouseover = function () { pointer.setHighlight(this.name); };

var li = _b.DOM.cE( "li", {}, a );

ul.appendChild( li );
}

// js
$(document).ready(function() {
  var options = {
    onItemSelect: function (li) {
      if (typeof li.extra != "undefined") {
        location.href = li.extra[0];
      }
    }
  }
  $("input.autocomplete").autocomplete("ajax-autocomplete.php", options);
});

// html
<input type="text" class="autocomplete" />

VW|http://www.volkswagen.de
BWM|http://www.bmw.de
..