document.onkeydown = KeyCheck;

var upanddown = false;
var selectedItem = -1;

function keyup(str,path,id){
  if(!upanddown){
    if(str!=""){
    var ajaxid = 'query_select';
    var ad = id.replace("query_form", "");
    ajax_load('GET',path+'ajax/query&offset='+selectedItem+'&query='+encodeURI(str)+'.html',ajaxid+ad);
    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;
   switch(KeyID){
      case 38:
        //Up
        upanddown = true;
        if(selectedItem>0){
          var item = document.getElementById("selectboxajax");
          if(item!=null){
            selectedItem--;
            selectItem("up");
          }
        }
        break;
      case 40:
        //Down
        upanddown = true;
        if(selectedItem<11){
        var item = document.getElementById("selectboxajax");
        if(item!=null){
          selectedItem++;
          selectItem("down");
        }
        }
        break;
      case 13:
        //Enter
        clickItem(document.getElementById("ajaxsearchitem"+selectedItem));
        break;
      case 27:
        //Escape
        escape();
        break;
   }
}
function escape(){
  document.getElementById('query_select').innerHTML='';
  selectedItem = -1;
}
function clickItem(object){
  if (object) { parent.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: #B3D4FF;"
  }
}
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: #B3D4FF;"
  }
}