﻿var a_i=-1;
function showGs(event){
 if($.browser.msie){
	 var keyStr=event.keyCode;
 }
 else var keyStr=event.which;
 if(keyStr!=38&&keyStr!=40&&keyStr!=13){
	$("#searchtext").empty();
	var vsGsName=escape($("#ts").val());
	if(vsGsName!="" & vsGsName.length>=2){
		$("#searchtext").css("display","block");
		$("#searchtext").html("Loading...");
		$.ajax({
            type: "get",
            dataType:"json",
            url:"gosear.ashx",
            data:"name="+vsGsName,
            complete :function(){},
            success:function(json){
              var dat =json;
              var m="";
              for(var i=0;i<dat.totalCount;i++)
              {
                 m+="<a href='#' title='"+dat.JsonData[i].id+"'>"+dat.JsonData[i].p_name+"</a>";
              }
			$("#searchtext").html(unescape(m));
			$("#searchtext>a").bind("click",vst);
//			$("#searchtext").css("display","block");
			//初始化全局变量
			a_i=-1;
			},
			 error: function(errMsg)
                { $("#searchtext").html("Without this product");
			$("#searchtext").css("display","block");
			}
		});
	}
	else {$("#searchtext").css("display","none")};
 }
else{
	 //使用键盘上下键选择
	 if($("#searchtext").css("display")=="block"){
		 //得到选择列表的长度
		 var aLen=$("#searchtext>a").length;
		 var _aLen=Number(aLen)-1;
		 //按下键盘向下方向键
		 if(keyStr==38){
			 if(a_i>=0&&a_i<=_aLen) $("#searchtext>a").get(a_i).style.backgroundColor="";
			 a_i=Number(a_i)-1;
			 if(a_i<0) a_i=_aLen;
			 $("#searchtext>a").get(a_i).style.backgroundColor="#CCCCCC";
		 }
		 //按下键盘的向上方向键
		 else if(keyStr==40){
		     //alert(a_i);
			 if(a_i>=0&&a_i<=_aLen) $("#searchtext>a").get(a_i).style.backgroundColor="";
			 a_i=Number(a_i)+1;
			 if(a_i>=aLen) a_i=0;
			 $("#searchtext>a").get(a_i).style.backgroundColor="#CCCCCC";
		 }
		 //按下回车键
		 else if(keyStr==13){
		    
			 //var entLiText=$("#searchtext>a").get(a_i).innerHTML;
			  var tit=$("#searchtext>a").eq(a_i).attr("title");
//			 $("#ts").val(entLiText);
//			 $("#ts").attr("title",tit);
			  window.open('productshow.aspx?id='+tit);
			 $("#searchtext").css("display","none");
		 }
		
	}
 }
}
	 //使用键盘上下键选择
	 $("#searchtext").keydown(function(event){
	      if($.browser.msie){
	     var keyStr=event.keyCode;
     }
     else var keyStr=event.which;
	 if($("#searchtext").css("display")=="block"){
		 //得到选择列表的长度
		 var aLen=$("#searchtext>a").length;
		 var _aLen=Number(aLen)-1;
		 //按下键盘向下方向键
		 if(keyStr==38){
			 if(a_i>=0&&a_i<=_aLen) $("#searchtext>a").get(a_i).style.backgroundColor="";
			 a_i=Number(a_i)-1;
//			 alert(a_i);
			 if(a_i<0) a_i=_aLen;
			 $("#searchtext>a").get(a_i).style.backgroundColor="#CCCCCC";
		 }
		 //按下键盘的向上方向键
		 else if(keyStr==40){
			 if(a_i>=0&&a_i<=_aLen) $("#searchtext>a").get(a_i).style.backgroundColor="";
			 a_i=Number(a_i)+1;
			 if(a_i>=aLen) a_i=0;
			 $("#searchtext>a").get(a_i).style.backgroundColor="#CCCCCC";
		 }
		 //按下回车键
		 else if(keyStr==13){
			 
			 //var entLiText=$("#searchtext>a").get(a_i).innerHTML;
			  var tit=$("#searchtext>a").eq(a_i).attr("title");
//			 $("#ts").val(entLiText);
//			 $("#ts").attr("title",tit);
			  window.open('productshow.aspx?id='+tit);
			 $("#searchtext").css("display","none");
		 }
		
	}
 
});

function vst(){
	var liText=$(this).text();
	var tits=$(this).attr("title");
	if(liText!="")
	{
	    $("#ts").val(liText);
	    $("#ts").attr("title",tits);
	    var titt=$("#ts").attr("title");
        if($("#ts").val()!=""&&titt!="")
        {
          window.open('productshow.aspx?id='+titt);
        }
        else
        {
          alert("Please select");
        }
	}
	
	$("#searchtext").css("display","none");
}

$(function(){
$("#gosearchbt").click(function(){
var titt=$("#ts").attr("title");
if($("#ts").val()!=""&&titt!="")
{
  window.location.replace ('productshow.aspx?id='+titt);
}
else
{
  alert("Please select");
}
});
$("#ts").focus(function(){
//  $(this).val("");
$("#ts").val("");
});

$("#ts").val("Please enter product name or model");

$("#ts").blur(function(){
   setTimeout(function() {
                    $("#searchtext").hide();
                }, 500);
        }); 

});
