var timeBusca;
var ulBusca=document.getElementById('ulBusca');
var inputBusca=document.getElementById('inputBusca');

function createRequest() {
  var request = null;
  try {
    request = new XMLHttpRequest();
  } catch (trymicrosoft) {
    try {
      request = new ActiveXObject("Msxm12.XMLHTTP");
    } catch (othermicrosoft) {
      try {
        request = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (failed) {
        request = null;
      }
    }
  }
  if  (request==null) alert("Erro creating request object!");
  return request;
}

function autoCompleteBusca(){
  clearTimeout(timeBusca);
  timeBusca=setTimeout("getAutoComplete()",100);
}

function ocultaBusca(){
  ulBusca.style.display="none";
  clearTimeout(timeBusca);
}

function completeBusca(text){
  inputBusca.value=text;
  ulBusca.style.display="none";
  document.getElementById('formBusca').submit();
}

function getAutoComplete(){
  if(inputBusca!=""){
    ulBusca.style.display="block";
    var request=createRequest();
    var url= "http://trevisanconcept.com.br/autocomplete.php";
    request.open("POST",url,true);
    request.onreadystatechange = function(){ updateList(request) } ;
    request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    request.send("busca="+inputBusca.value);
  }else{
    ulBusca.style.display="none";
  }
}

function updateList(request){
  if (request.readyState==4)
    if (request.status==200){
      ulBusca.innerHTML=request.responseText;
    }
}