var kwlist = new Array();
kwlist[0] = '<span style="color:#FC3699; font-weight:bold;">&nbsp;×</span>&nbsp; 閉じる';
//kwlist[1] = '<span style="color:#FC3699; font-weight:bold;">&nbsp;-</span>&nbsp; 最後の一文字削除';
//kwlist[2] = '<span style="color:#FC3699; font-weight:bold;">&nbsp;-</span>&nbsp; テキストクリア';

function select_list (n){
  var textbox = document.getElementById('kw');
  var nowText = textbox.value;
  switch(n){
    case 0:
        closeCompletion();
        break;
//    case 1:
//        textbox.value = nowText.substring(0,nowText.length-1);
//        break;
//    case 2:
//        textbox.value = '';
//        break;
    default:
        textbox.value = kwlist[n];
        document.getElementsByTagName('form')[0].submit();
        break;
  }
  return false;
}
var kw_select;
function clearSelectKw(){
  input = document.getElementById('kw');
  if(input.selectlist){
    input.clearCompletionItems();
  }
}
function initCompletion() {
  input = document.getElementById('kw');
  if(input.selectlist){
    document.body.appendChild(input.selectlist);
  }else{
    input.selectlist = document.createElement("div");
    // テキストボックスの下のクラスの名前
    input.selectlist.style.display = 'none';
    input.selectlist.style.marginLeft = '2px';
    input.selectlist.style.backgroundColor='#111';
    input.selectlist.style.position='absolute';
    input.selectlist.style.textAlign='left';
    input.selectlist.style.opacity='0.85';
    input.selectlist.style.color='#FFF';
    document.body.appendChild(input.selectlist);
  }

  input.clearCompletionItems = function () {
    this.selectlist.innerHTML = "";
    this.selectlist.style.display = "none";
  }

  input.setCompletionWidth = function(w) {
    input.selectlist.__width = w;
  }
  
  input.showCompletionItems = function (ary,callback) {

    var x = 0; var y = 0;
    for (var o = this; o ; o = o.offsetParent) {
      x += (o.offsetLeft); y += (o.offsetTop);
    }

    this.clearCompletionItems();

    var ci = this.selectlist;
    /*ci.style.width = (ci.__width ?
              ci.__width : this.offsetWidth + "px")*/
    ci.style.width = "100%";
    ci.style.top = y + this.offsetHeight + 11 + "px";
    ci.style.left = "-2px";
    ci.style.display = "block";

    var prediv;
    var mydiv;
    function __addItem(n) {
      mydiv = document.createElement("div");
      // 行ごとのスタイル
      mydiv.style.cursor = "pointer";
      mydiv.style.padding = "7px 2px 4px 0px";
      mydiv.style.borderBottom = "1px solid #555";
      
    //  mydiv.onmouseover = function() { this.style.background='#eeeeee;'; }
    //  mydiv.onmouseout = function() { this.style.background='#eeeeee;'; }
      mydiv.onclick = function() { callback(n); }
      if(n>0){
        mydiv.innerHTML = '&nbsp;&nbsp;<span style="color:#D9FF00;">+</span>&nbsp;' + ary[n];
      }else{
        mydiv.innerHTML = '&nbsp;' + ary[n];
      }
      if(ary.length-1==i){
        ci.appendChild(mydiv);
      }else{
        ci.insertBefore(mydiv,prediv);
      }
      prediv = mydiv;
    }
    // ここで上に移動
    scrollToSearchTop();

    for (var i = 0; i < ary.length; ++i)  setTimeout ( __addItem, i*50, ary.length-i-1 );
  }
  input.showCompletionItems( kwlist, select_list );

  return input;
}
function closeCompletion(){
  try{
    var input = document.getElementById('kw');
    input.selectlist.style.display='none';
  }catch(e){
  }
}
window.onorientationchange = function() {
    initCompletion();
}