// JScript 文件
var arrOptions = new Array();
var strLastValue = "";
var bMadeRequest;
var theTextBox;
var objLastActive;
var currentValueSelected = -1;
var bNoResults = false;
var isTiming = false;
     
var InitPageSuggest = function(){
  var elemSpan = document.createElement("span");
  elemSpan.id = "spanOutput";
  elemSpan.className = "spanTextDropdown";
  document.body.appendChild(elemSpan);
  $("txtUserInput").obj = SetProperties($("txtUserInput"),$("txtUserValue"),_url + "AjaxProcess/kagetuAPSearch.aspx",
    true,true,true,true,"啥也没找到，换个关键字试试……",false,null);    
}
var SetProperties = function(xElem,xHidden,xserverCode,xignoreCase,xmatchAnywhere,xmatchTextBoxWidth,
                               xshowNoMatchMessage,xnoMatchingDataMessage,xuseTimeout,xtheVisibleTime){
  var props = {
    elem:xElem,
    hidden:xHidden,
    serverCode:xserverCode,
    regExflags: ((xignoreCase) ? "i" : "" ),
    regExAny: ((xmatchAnywhere) ? "" : "^"),
    matchAnywhere:xmatchAnywhere,
    matchTextBoxWidth:xmatchTextBoxWidth,
    theVisibleTime:xtheVisibleTime,
    showNoMatchMessage:xshowNoMatchMessage,
    noMatchingDataMessage:xnoMatchingDataMessage,
    useTimeout:xuseTimeout
  };
  AddHandler(xElem);
  return props;
}

var AddHandler = function(objText){
  objText.onkeyup = GiveOptions;
  objText.onblur = function(){
    if(this.obj.useTimeout){
      StartTimeout();
    }
  }
}

var GiveOptions = function(e){  
  var intKey = -1;
  if(window.event){
    intKey = event.keyCode;
    theTextBox = event.srcElement;
  }
  else{
    intKey = e.which;
    theTextBox = e.target;
  }
  if(theTextBox.obj.useTimeout){
    if(isTiming){
      EraseTimeout();
    }
    StartTimeout();
  }
  
  if(theTextBox.value.length == 0){
    arrOptions = new Array();
    HideTheBox();
    strlastValue = "";
    return false;
  }
  
  if(objLastActive == theTextBox){
    if(intKey == 13){
      GrabHighlighted();
      theTextBox.blur();
      return false;
    }
    else if(intKey == 38){
      MoveHighlight(-1);
      return false;
    }
    else if(intKey == 40){
      MoveHighlight(1);
      return false;
    }
  }
  
  if(objLastActive != theTextBox || theTextBox.value.indexOf(strLastValue) != 0 ||
       ((arrOptions.length == 0 || arrOptions.length == 12) && !bNoResults) ||
       (theTextBox.value.length <= strLastValue.length)){
    objLastActive = theTextBox;
    bMadeRequest = true;
    TypeAhead(theTextBox.value);
  }
  else if(!bMadeRequest){
    BuildList(theTextBox.value);
  }
  strLastValue = theTextBox.value;
}

var TypeAhead = function(xStrText){
  var strParams = "q=" + xStrText + "&where=" + theTextBox.obj.matchAnywhere;
  var loader1 = new kagetuAjaxRequest(theTextBox.obj.serverCode,BuildLoad,BuildChoices,null,"POST",strParams);
}
var BuildLoad = function(){}
var BuildChoices = function(){
  var strText = this.req.responseText;
  eval(strText);
  BuildList(strLastValue);
  bMadeRequest = false;
}

var BuildList = function(theText){
  SetElementPosition(theTextBox);
  var theMatches = MakeMatches(theText);
  theMatches = theMatches.join().replace(/\,/gi,"");
  if(theMatches.length > 0){
    document.getElementById("spanOutput").innerHTML = theMatches;
    document.getElementById("OptionsList_0").className = "spanHighElement";
    currentValueSelected = 0;
    bNoResults = false;
  }
  else{
    currentValueSelected = -1;
    bNoresults = true;
    if(theTextBox.obj.showNoMatchMessage)
      document.getElementById("spanOutput").innerHTML = "<span class='noMatchData'>" + theTextBox.obj.noMatchingDataMessage + "</span>";
    else
      HideTheBox();
  }
}

var SetElementPosition = function(theTextBoxInt){
  var selectedPosX = 0;
  var selectedPosY = 0;
  var theElement = theTextBoxInt;
  if (!theElement) return;
  var theElemHeight = theElement.offsetHeight;
  var theElemWidth = theElement.offsetWidth;
  while(theElement != null){
    selectedPosX += theElement.offsetLeft;
    selectedPosY += theElement.offsetTop;
    theElement = theElement.offsetParent;
  }
  xPosElement = document.getElementById("spanOutput");
  xPosElement.style.left = selectedPosX + "px";
  if(theTextBoxInt.obj.matchTextBoxWidth)
    xPosElement.style.width = theElemWidth  + "px"; 
  xPosElement.style.top = selectedPosY + theElemHeight  + "px";
  xPosElement.style.display = "block";
  if(theTextBoxInt.obj.useTimeout){
    xPosElement.onmouseout = StartTimeout;
    xPosElement.onmouseover = EraseTimeout;
  }
  else{
    xPosElement.onmouseout = null;
    xPosElement.onmouseover = null;
  }
}

var countForId = 0;
var MakeMatches = function(xCompareStr){
  countForId = 0;
  var matchArray = new Array();
  var regExp = new RegExp(theTextBox.obj.regExAny + xCompareStr,theTextBox.obj.regExFlags);
  for(i=0;i<arrOptions.length;i++){
    var theMatch = arrOptions[i][0].toLowerCase().match(regExp);
    if(theMatch){
      matchArray[matchArray.length] = CreateUnderline(arrOptions[i][0].toLowerCase(), xCompareStr,i);
    }
  }
  return matchArray;
}

var undeStart = "<span class='spanMatchText'>";
var undeEnd = "</span>";
var selectSpanStart = "<span style='width:100%;display:block;' class='spanNormalElement' onmouseover='SetHighColor(this)' ";
var selectSpanEnd ="</span>";
function CreateUnderline(xStr,xTextMatch,xVal){
  selectSpanMid = "onclick='SetText(" + xVal + ")'" + "id='OptionsList_" +
    countForId + "' theArrayNumber='"+ xVal +"'>";
  var regExp = new RegExp(theTextBox.obj.regExAny + xTextMatch,theTextBox.obj.regExFlags);
  var aStart = xStr.search(regExp);
  var matchedText = xStr.substring(aStart, aStart + xTextMatch.length);
  countForId++;
  return selectSpanStart + selectSpanMid + xStr.replace(regExp,undeStart + matchedText + undeEnd) + selectSpanEnd;
}

function MoveHighlight(xDir){
  if(currentValueSelected >= 0){
     newValue = parseInt(currentValueSelected) + parseInt(xDir);
     if(newValue > -1 && newValue < countForId){
       currentValueSelected = newValue;
       SetHighColor (null);
     }
  }
}
      
function SetHighColor(theTextBox){
  if(theTextBox){
    currentValueSelected =
    theTextBox.id.slice(theTextBox.id.indexOf("_")+1,
    theTextBox.id.length);
  }
  for(i = 0; i < countForId; i++){
    $('OptionsList_' + i).className = 'spanNormalElement';
  }
  $('OptionsList_' + currentValueSelected).className = 'spanHighElement';
}

function SetText(xVal){  
  theTextBox.value = arrOptions[xVal][0];
  theTextBox.obj.hidden.value = arrOptions[xVal][1];
  $("spanOutput").style.display = "none";
  currentValueSelected = -1; 
  location.href = _url + "kagetuTopic/" + (10000 + (arrOptions[xVal][3]/100)%10).toFixed(0) + "/" + arrOptions[xVal][3] + "/" + 
    arrOptions[xVal][2] + "/article_" + arrOptions[xVal][1] + ".html";
}

function GrabHighlighted(){
  if(currentValueSelected >= 0){
    xVal = document.getElementById("OptionsList_" +
    currentValueSelected).getAttribute("theArrayNumber");
    SetText(xVal);
    HideTheBox();
  }
}

function HideTheBox(){
  document.getElementById("spanOutput").style.display = "none";
  currentValueSelected = -1;
  EraseTimeout();
}

function EraseTimeout(){
  clearTimeout(isTiming);
  isTiming = false;
}
function StartTimeout(){
  isTiming = setTimeout("HideTheBox()",
  theTextBox.obj.theVisibleTime);
}