<!--
var text ="";
var sindex = -1;
function hiLight(el){
  if(el.className=="link_record0"){
    el.className="link_record1"
  }else{
    el.className="link_record0"
  }
}
function autoComplete(sender,ev){
  if(document.getElementById('autocomplete').style.display!="none"){
    if(ev.keyCode==40){//down
       if(sindex==-1){
         hiLight(document.getElementById('s0'));
         sindex ++;
       }else{
         var pre = 's'+(sindex);
         sindex ++;
         var now = 's'+(sindex);
         hiLight(document.getElementById(pre));
         hiLight(document.getElementById(now));
       }
       return;
    }else if(ev.keyCode==38){//up
      if(sindex==1){
        sindex--;
        hiLight(document.getElementById('s0'));
      }else if(sindex!=-1){
        var pre = 's'+(sindex);
        sindex--;
        var now = 's'+(sindex);
        hiLight(document.getElementById(pre));
        hiLight(document.getElementById(now));
      }
      return;
    }else if(ev.keyCode==13){
      if(sindex!=-1){
        var now = 's'+(sindex);
        rel = document.getElementById(now).href;
        setValue(rel.substr(rel.indexOf('#')+1,rel.length));
      }
      return;
    }
  }

  if(sender.value.length>0 && text != sender.value){
    text = sender.value;
    var httpreq = getHTTPObject();
    httpreq.open("POST","/suggest.do",true);
    httpreq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
    httpreq.send("text="+text);
    httpreq.onreadystatechange = function(){
      if(httpreq.readyState == 4){
        var suggestion = httpreq.responseText;
        var searchField = document.getElementById('searchKey');
        var autoCompleteDiv = document.getElementById('autocomplete');
        if((suggestion.length>4)){
          autoCompleteDiv.innerHTML = suggestion;
          autoCompleteDiv.style.display="block";
          autoCompleteDiv.style.width=searchField.offsetWidth;
          var point = fGetXY(searchField);
          autoCompleteDiv.style.top=point.y+searchField.offsetHeight+15;
          autoCompleteDiv.style.left=point.x+10;
        }
        tNotFind = false;
      }else{
        document.getElementById('autocomplete').style.display="none";
        sindex = -1;
      }
    }
  }else{
    document.getElementById('autocomplete').style.display="none";
    sindex = -1;
  }
}
function fGetXY(aTag){
  var oTmp = aTag;
  var pt = new Point(0,0);
  do {
    pt.x += oTmp.offsetLeft;
    pt.y += oTmp.offsetTop;
    oTmp = oTmp.offsetParent;
  } while(oTmp.tagName!="BODY");
  return pt;
}
function Point(iX, iY){ //
    this.x = iX;
    this.y = iY;
}
function changeSelect(){
  event.cancelBubble=true;
  var key=window.event.keyCode;
  switch (key){
    case 9,13,27: // Tab, Enter, Esc 鍵
    document.getElementById('autocomplete').style.display="none";
  }
}
function setValue(v){
  document.getElementById('searchKey').value=v;
  document.getElementById('autocomplete').style.display="none";
}
function getHTTPObject() {
  var xhr = false;
  if(window.XMLHttpRequest) {
    var xhr = new XMLHttpRequest();
  } else if(window.ActiveXObject) {
    try {
      var xhr = new ActiveXObject("Msxml2.XMLHTTP");
    } catch(e) {
      try {
        var xhr = new ActiveXObject("Microsoft.XMLHTTP");
      } catch(e) {
        xhr = false;
      }
    }
  }
  return xhr;
}
//-->