document.onkeydown = KeyCheck;

var upanddown = false;
var selectedItem = -1;

function keyup(str,path,id){

  if(!upanddown){
    var ajaxid = 'query_select';
    var ad = id.replace("query_form", "");
    jQuery("#query_select").load(path+'ajax/query&offset='+selectedItem+'&query='+str+'.html');
    //ajax_load('GET',path+'ajax/query&offset='+selectedItem+'&query='+str+'.html',ajaxid);
    selectedItem = -1;
  }else{
    upanddown = false;
    var item = document.getElementById("ajaxsearchitem"+selectedItem);
    if(item!=null) document.getElementById(id).value = item.getAttribute("name");
   
  }
  
}

function KeyCheck(e){
    upanddown = false;
   var KeyID = (window.event) ? event.keyCode : e.keyCode;

   if(KeyID==40){
        upanddown = true;
        if(selectedItem<11){
          var item = document.getElementById("selectboxajax");
          if(item!=null){
            selectedItem++;
            selectItem("down");
          }
        }
   }else if(KeyID==38){
        upanddown = true;
        if(selectedItem>0){
          var item = document.getElementById("selectboxajax");
          if(item!=null){
            selectedItem--;
            selectItem("up");
          }
        }
   }else if(KeyID==13){
     var item = document.getElementById("ajaxsearchitem"+selectedItem);
     if(item!=null) clickItem(item);
     
   }else if(KeyID==27){
     escape();
   }
}
function escape(){
  document.getElementById('query_select').innerHTML='';
  selectedItem = -1;
}
function clickItem(object){
  window.location = object.getAttribute("url");
}
function selectItem(direction){
  var item = document.getElementById("ajaxsearchitem"+selectedItem);
  if(item!=null){
    var itemBefore = document.getElementById("ajaxsearchitem"+ (selectedItem-1));
    var itemNext = document.getElementById("ajaxsearchitem"+ (selectedItem+1));
    if(itemBefore!=null) itemBefore.style.cssText="";
    if(itemNext!=null) itemNext.style.cssText="";
    item.style.cssText="background-color: #FFE0FE;"
  }
}
function doSelectItem(item){
  if(item!=null){
    for(i=0;i<20;i++){
      var itemNext = document.getElementById("ajaxsearchitem"+i);
      if(itemNext!=null) itemNext.style.cssText="";
    }
    selectedItem = item.id.replace("ajaxsearchitem", "");
    item.style.cssText="background-color: #FFE0FE;"
  }
}