var highlightindex = -1; //定义高亮显示索引
var timeOutId; //定义延迟时间
var InputValue= ""; //定义初始值
var url="http://www.adamas-beta.com/catalog/list/sugest.jsp?id="; //定义连接

$(document).ready(function(){

var wordInput = $("#words");
var wordInputOffset = wordInput.offset();
    
    //隐藏自动补全框,并定义css属性
    $("#search_suggest").hide()
              .css("position","absolute")
              .css("border","1px gray solid")
//		      .css("font","11px arial")
//		      .css("padding","2px 0px 2px 0px")
  //          .css("top",wordInputOffset.top + wordInput.height() + 5 + "px")
  //          .css("left",wordInputOffset.left + "px")	
  //          .width(wordInput.width() + 2);
    
      //给文本框添加键盘按下并弹起的事件
        wordInput.keyup(function(event){
        var myEvent = event || window.event;
        var keyCode = myEvent.keyCode;
        var autoNode = $("#search_suggest");
    if(keyCode >= 48 && keyCode <=109 || keyCode == 8 || keyCode == 46 || keyCode == 32 || keyCode == 1 || keyCode == 2){
	// 	searchSuggest(this.id,event); //查询数据库
    //    plkeytype(); //输入格式
		//输入字母,退格或删除,显示最新的内容
            var wordText = $("#words").val();
            if(wordText != ""){
			if(wordText != InputValue){    //值改变后开始查询
			InputValue = wordText
            timeOutId = setTimeout(function(){
            $.post(url + wordText,function(data){
		    highlightindex = -1;
		  //    $.post("result.jsp",function(data){
                //var jqueryObj = $(data);
                //var wordNodes = jqueryObj.find("b");
                  autoNode.html("");
                //  wordNodes.each(function(i){
                    var str = data.split("\n");
                    for(i=1; i < str.length - 1; i++) {
                      var wrodNode = $(this);
                      var newDivNode = $("<div>").attr("id",i-1)
						  .attr("class","suggest_link");
                     //newDivNode.html(wrodNode.text()).appendTo(autoNode);
					  newDivNode.html(str[i]).appendTo(autoNode);
			//添加光标进入事件,高亮节点
                        newDivNode.mouseover(function(){
                        if(highlightindex != -1){
                        $("#search_suggest").children("div")
                                        .eq(highlightindex)
                                        .css("background-color","white");
                          }
                          highlightindex = $(this).attr("id");
						  //alert(highlightindex);
                          $(this).css("background-color","lightgray");
                      });
                      
                    //添加光标移出事件,取消高亮
                      newDivNode.mouseout(function(){
                          $(this).css("background-color","white");
                      });

		    //添加光标点击事件
                    newDivNode.click(function(){
                     var comText = $(this).text();
                     $("#search_suggest").hide();
                     var myregexp = / .*/g;
                     var comText=comText.replace(myregexp, "");  //截取字符
                     highlightindex = -1;
                     $("#words").val(comText);
			         $("#searchbut").click();
                    });
				 }  //for语句结束
          // });  //each语句结束

              //  if(wordNodes.length > 0){
				  if(str.length > 0){
                     autoNode.show();
                  }else{
                     autoNode.hide();
                     highlightindex = -1;
                  }
                  
         },"html");
        },300);
     }  //Input改变时查询数据库
     }else{
         autoNode.hide();
         highlightindex = -1;
     }
    }else if(keyCode == 38){
    //输入向上,选中文字高亮
         var autoNodes = $("#search_suggest").children("div")
         if(highlightindex != -1){
             autoNodes.eq(highlightindex).css("background-color","white");
             highlightindex--;
         }else{
             highlightindex = autoNodes.length - 2;
         }
         
         if(highlightindex == -1){
             highlightindex = autoNodes.length -2;
         }
         autoNodes.eq(highlightindex).css("background-color","lightgray");
		     var comText = $("#search_suggest").children("div").eq(highlightindex).text();
			 var myregexp = / .*/g;
             var comText=comText.replace(myregexp, "");  //截取字符
             $("#words").val(comText);
    }else if(keyCode == 40){
    //输入向下,选中文字高亮
         var autoNodes = $("#search_suggest").children("div")
         if(highlightindex != -1){
             autoNodes.eq(highlightindex).css("background-color","white");
         }
         highlightindex++;
         if(highlightindex == autoNodes.length-1){
            highlightindex = 0;
         }
         autoNodes.eq(highlightindex).css("background-color","lightgray");
		     var comText = $("#search_suggest").children("div").eq(highlightindex).text();
			 var myregexp = / .*/g;
             var comText=comText.replace(myregexp, "");  //截取字符
             $("#words").val(comText);

    }else if(keyCode == 13){
    //输入回车
         if(highlightindex != -1){
             var comText = $("#search_suggest").hide().children("div").eq(highlightindex).text();
			 var myregexp = / .*/g;
             var comText=comText.replace(myregexp, "");  //截取字符
             highlightindex = -1;
             $("#words").val(comText);
			 $("#searchbut").click();
         }else{
         //   alert("文本框中的[" + $("#words").val() + "]被提交了！");
             $("#search_suggest").hide();
             $("#words").get(0).blur();
         }
    }
    });
    
    //给按钮添加事件，表示文本框中的数据被提交
    $("#searchbut").click(function(){
    //    alert("文本框中的[" + $("#words").val() + "]被提交了！");
    });
    
});