window.onload = function(){
  try {
    var elemSpan = document.createElement("span");
    elemSpan.id = "spanOutput";
    elemSpan.className = "spanTextDropdown";
    document.body.appendChild(elemSpan);
    document.Form0.sText.obj = SetProperties(document.Form0.sText,  document.Form0.txtUserValue,'suggest.aspx',
                                             true,true,true,true,"",false,null);
  }
  catch (e) { }         
}

function SetProperties(xElem,xHidden,xserverCode,
  xignoreCase,xmatchAnywhere,xmatchTextBoxWidth,
  xshowNoMatchMessage,xnoMatchingDataMessage,xuseTimeout,
  xtheVisibleTime){
  try {
    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;
  }
  catch (e) { }
}

var isOpera=(navigator.userAgent.toLowerCase().indexOf("opera")!= -1);
function AddHandler(objText){
  try {
    objText.onkeyup = GiveOptions;
    objText.onblur = function(){
      if(this.obj.useTimeout)StartTimeout();
    }
    if(isOpera)objText.onkeypress = GiveOptions;
  }
  catch (e) { }
}

var arrOptions = new Array();
var strLastValue = "";
var bMadeRequest;
var theTextBox;
var objLastActive;
var currentValueSelected = -1;
var bNoResults = false;
var isTiming = false;

function GiveOptions(e){
  try {
    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 && !isOpera){
      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;
      }
      else{}
    }
    if(objLastActive != theTextBox ||
       theTextBox.value.indexOf(strLastValue) != 0 ||
       ((arrOptions.length==0 || arrOptions.length==15 ) && !bNoResults) ||
       (theTextBox.value.length <= strLastValue.length)){
         objLastActive = theTextBox;
         bMadeRequest = true
         TypeAhead(theTextBox.value)
    }
    else if(!bMadeRequest){
      BuildList(theTextBox.value);
    }
    strLastValue = theTextBox.value;
  }
  catch (e) { }
}

function TypeAhead(xStrText){
  try {
    var strParams = "q=" + xStrText +
                    "&where=" + theTextBox.obj.matchAnywhere;
    var loader1 = new net.ContentLoader(theTextBox.obj.serverCode,
                                        BuildChoices,null,"POST",strParams);
  }
  catch (e) { }
}


function BuildChoices(){
  try {
    var strText = this.req.responseText;
    eval(strText);
    BuildList(strLastValue);
    bMadeRequest = false;
  }
  catch (e) { }
}


function BuildList(theText){
  try {
    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();
    }
  }
  catch (e) { }
}


function SetElementPosition(theTextBoxInt){
  try {
    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;
    if(theTextBoxInt.obj.matchTextBoxWidth)
      xPosElement.style.width = theElemWidth;
    xPosElement.style.top = selectedPosY + theElemHeight
    xPosElement.style.display = "block";
    if(theTextBoxInt.obj.useTimeout){
      xPosElement.onmouseout = StartTimeout;
      xPosElement.onmouseover = EraseTimeout;
    }
    else{
      xPosElement.onmouseout = null;
      xPosElement.onmouseover = null;
    }
  }
  catch (e) { }
}

var countForId = 0;
function MakeMatches(xCompareStr){
  try {
    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].match(regExp);
      if(theMatch){
        matchArray[matchArray.length]=
          CreateUnderline(arrOptions[i][0],
          xCompareStr,i);
      }
    }
    return matchArray;
  }
  catch (e) { }
}


var undeStart = "<span class='spanMatchText'>";
var undeEnd = "</span>";
var selectSpanStart = "<span style='width:100%;display:block;text-align:left;' class='spanNormalElement' onmouseover='SetHighColor(this)' ";
var selectSpanEnd ="</span>";
function CreateUnderline(xStr,xTextMatch,xVal){
  try {
    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;
  }
  catch (e) { }
}

function MoveHighlight(xDir){
  try {
    if(currentValueSelected >= 0){
      newValue = parseInt(currentValueSelected) + parseInt(xDir);
      if(newValue > -1 && newValue < countForId){
        currentValueSelected = newValue;
        SetHighColor (null);
      }
    }
  }
  catch (e) { }
}

function SetHighColor(theTextBox){
  try {
    if(theTextBox){
      currentValueSelected =
      theTextBox.id.slice(theTextBox.id.indexOf("_")+1,
      theTextBox.id.length);
    }
    for(i = 0; i < countForId; i++){
      document.getElementById('OptionsList_' + i).className =
        'spanNormalElement';
    }
    document.getElementById('OptionsList_' +
      currentValueSelected).className = 'spanHighElement';
  }
  catch (e) { }
}

function SetText(xVal){
  try {
    theTextBox.value = arrOptions[xVal][0]; //set text value
    theTextBox.obj.hidden.value = arrOptions[xVal][1];
    document.getElementById("spanOutput").style.display = "none";
    currentValueSelected = -1; //remove the selected index
  }
  catch (e) { }
}


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

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

function EraseTimeout(){
  try {
    clearTimeout(isTiming);
    isTiming = false;
  }
  catch (e) { }
}

function StartTimeout(){
  try {
    isTiming = setTimeout("HideTheBox()",
    theTextBox.obj.theVisibleTime);
  }
  catch (e) { }
}