﻿		  var intNo=-1
			var arrKeyword=new Array()
			var intDivHeight=18 //每個keyword所占的行高
			var intListNum=10 //每次顯示keyword個數
			var intLength=0
			var returntxt=""
			var isIE=(navigator.appName == "Microsoft Internet Explorer") ? true : false
			var xmlhttp
			var p="box1"
				
		  function getKeyword(str,language)
			{
				if (window.XMLHttpRequest) { // Mozilla, Safari, ...
					xmlhttp = new XMLHttpRequest();
				} else if (window.ActiveXObject) { // IE
					xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
				}
				var linkurl="../../../inc/keyword_suggestion.aspx?query="+encodeURIComponent(str)+"&strLanguage="+language
				xmlhttp.open("GET",linkurl,true);
				xmlhttp.onreadystatechange=showKeyword
				xmlhttp.send(null);
			}
			
			function showKeyword()
			{
				if (xmlhttp.readyState == 4)
				{
					if (xmlhttp.status == 200)
					{
						returntxt=xmlhttp.responseText;	//error code of CH in Netscape, so remove the unescape().
						if(returntxt=="---noresult---")
						{
						  return;
						}
						arrKeyword = returntxt.split(",");
						intLength = arrKeyword.length;
						if(returntxt.length>0)
						{
							var i
							var strK="<table width='100%' border='0' cellpadding='0' cellspacing='0' bgcolor='white'><tr><td align='left'><table width='100%' border='0' cellpadding='0' cellspacing='0' align='center'>"
							for(i=0;i<intLength;i++)
							{
								strK+="<tr><td valign='middle'><a class='e07_hotsrh' href=javascript:toSelect('"+i+"','"+p+"')><div id='divKWList"+i+"' onMouseover=toMouseover("+i+") style='width:100%'>"+arrKeyword[i]+"</div></a></td><td valign='middle'><img src='../../images/spacer.gif' height='"+intDivHeight+"' width='1'></td></tr>"
							}
							strK+="</table></td></tr></table>"
							//alert(strK)
							
							var obj1=document.getElementById("divKeyword").style
							document.getElementById("divKeyword").innerHTML=strK
							obj1.visibility="visible"
							obj1.top=document.getElementById("divKw_"+p).offsetTop+28+"px"
							obj1.left=document.getElementById("divKw_"+p).offsetLeft+"px"
							obj1.width=parseInt(document.getElementById("divKw_"+p).offsetWidth)+2+"px"
							var obj2=document.getElementById("ifKW").style
							obj2.visibility="visible"
							obj2.top=obj1.top
							obj2.left=obj1.left
							obj2.height=document.getElementById("divKeyword").offsetHeight
							obj2.width=obj1.width
							intNo=-1 //當列表從10個過濾到2個時，而當前intNo值可能大於2，所以要重新設為-1
						}
						else
						{
							toClose()
						}
					}
				}
			}
			
		  function toKeyup(e)
		  {
		    var strKeyvalue = (isIE) ? event.keyCode : e.which
		    //alert(strKeyvalue)
		    if(strKeyvalue==38) //up
		    {
		      if(intNo>0)
		      {
		        toMouseover(intNo-1)
		        toSelect(intNo) //此時的intNo是選擇後的值
		      }
		    }
		    else if(strKeyvalue==40)  //down
		    {
		      if(intNo<intLength-1)
		      {
		        toMouseover(intNo+1)
		        toSelect(intNo) //此時的intNo是選擇後的值
		      }
		    }
		    else if(strKeyvalue==13)  //enter
		    {
					toClose();
		    }
		    else
		    {
					if(document.form_box1.txtKeyword.value!="")
					{
					  p="box1"
					  getKeyword(document.form_box1.txtKeyword.value,strVersion) //strVersion在inc/searchbox.js中定義
					}
					else
					{
					  toClose();
					}
		    }
		  }
		  
		  function toKeyup2(e)
		  {
		    var strKeyvalue = (isIE) ? event.keyCode : e.which
		    //alert(strKeyvalue)
		    if(strKeyvalue==38) //up
		    {
		      if(intNo>0)
		      {
		        toMouseover(intNo-1)
		        toSelect(intNo) //此時的intNo是選擇後的值
		      }
		    }
		    else if(strKeyvalue==40)  //down
		    {
		      if(intNo<intLength-1)
		      {
		        toMouseover(intNo+1)
		        toSelect(intNo) //此時的intNo是選擇後的值
		      }
		    }
		    else if(strKeyvalue==13)  //enter
		    {
					toClose();
		    }
		    else
		    {
					if(document.form_box2.txtKeyword.value!="")
					{
					  p="box2"
					  getKeyword(document.form_box2.txtKeyword.value,strVersion)
					}
					else
					{
					  toClose();
					}
		    }
		  }
		  
		  function toClose()
		  {
				try
        {
          document.getElementById("divKeywordCategories").style.visibility="hidden";
          document.getElementById("ifKWCategories").style.visibility="hidden";
        }catch(e){}
        try
        {
          document.getElementById("divKeyword").style.visibility="hidden";
          document.getElementById("ifKW").style.visibility="hidden";
        }catch(e){}
        
		  }
		  
		  function toSelect(num)
		  {
		    //document.form_box1.txtKeyword.value=arrKeyword[num]
		    document.getElementById("txtKeyword_"+p).value=toTrim(arrKeyword[num])
		    getFocus(p)
		    //toClose()
		  }
		  
		  function getObj(num)
		  {
		    var obj=document.getElementById("divKWList"+num)
		    return obj
		  }
		  
		  function toMouseover(num)
		  {
		    if(intNo!=-1)
		    {
					toMouseout(intNo) //因鍵盤移動時要先去掉當前選擇
		    }
		    var obj=getObj(num)
		    intNo=num
		    obj.style.backgroundColor="blue"
		    obj.style.color="white"
		  }
		  
		  function toMouseout(num)
		  {
		    var obj=getObj(num)
		    obj.style.backgroundColor="white"
		    obj.style.color="blue"
		  }
		  
		  function getFocus()
		  {
		    //document.form_box1.txtKeyword.focus()
		    document.getElementById("txtKeyword_"+p).focus()
		  }
		  
			//document.body.onclick=toClose();


function addListener(element,e,fn)
{
　　 if(element.addEventListener){
　　element.addEventListener(e,fn,false);
　　 } else {
　　 element.attachEvent("on" + e,fn);
　　 }
}
addListener(document,"click",function(evt){
    var evt = window.event?window.event:evt,target=evt.srcElement||evt.target;　　　　　　　　
    if (target.id.indexOf("CatSrh_Alpha")==0||target.id == 'Catsrh_AlphaPanel')
    {
        toClose();
    }
    else
    {
        try{Close_CatSrh_Panel();}catch(e){}
        toClose();
    }
})
