/*<![CDATA[*/ 		
		var j=-1;
		var temp_str;
		
		// get html element by id
		var $=function(node){
			return document.getElementById(node);
		    }
	    // get html element by tag name
		var $$=function(node){
			return document.getElementById('suggest').getElementsByTagName(node);
		    }
			
		var $$$=function(node){
			return document.getElementsByTagName(node);
		    }			
		
	//	var li = document.getElementById('li_suggest');
		
	//	var lix = document.getElementsByTagName('li');
		
		//ajax engine starting
		function ajax_keyword(){			
			var xmlhttp;
			try{
				xmlhttp=new XMLHttpRequest();
				}
			catch(e){
				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
				}
			xmlhttp.onreadystatechange=function(){
			  if (xmlhttp.readyState==4){
				if (xmlhttp.status==200){
					var data=xmlhttp.responseText;
					$("suggest").innerHTML=data;
					j=-1;
				  }
				}
			 }
			xmlhttp.open("post", "/site_specific/en/db/get_search_suggest_data.asp", true);
			xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
			xmlhttp.send("keyword="+escape($("keyword").value));
		}
		
		// keycode:arrow up=38; arrow down=40
		function keyupdeal(e){
			var keyc;
			if(window.event){
				keyc=e.keyCode;
				}
			else if(e.which){
				keyc=e.which;
				}
			if(keyc!=40 && keyc!=38){
				ajax_keyword();
				temp_str=$("keyword").value;
			    }
			}
         
		 // higlite the style when mouseover this value (i is a value of Li, all i are white background)
		function set_style(num){
			
			for(var i=0;i<$$("li").length;i++){
				var li_node=$$("li")[i];
				li_node.className="";
			   }
			
			//j will be highlited when mouse on J.(onmouseover=""), and off j off highlighted  
			if(j>=0 && j<$$("li").length){
			     var i_node=$$("li")[j];
				 i_node.className="select";
				}
			}
		
		// display style when the mouseover: mouse over the variable is J 	
		function mo(nodevalue){
			j=nodevalue;
			set_style(j);
		    }
		
		// submit the highlited value from drom down list
		function form_submit(){
			if(j>=0 && j<$$("li").length){
				$$$("input")[0].value=$$("li")[j].childNodes[0].nodeValue;				
				}
			document.search.submit();
		    }
		
		// don't display drop down list cause no keywords inputed
		function hide_suggest(){
			var nodes=document.body.childNodes;
			for(var i=0;i<nodes.length;i++){
				if(nodes[i]!=$("keyword")){
					$("suggest").innerHTML="";
					}
				}
			}
			
		// keycode:arrow up=38; arrow down=40	
		 function keydowndeal(e){		
			var keyc;
			if(window.event){
				keyc=e.keyCode;
				}
			else if(e.which){
				keyc=e.which;
				}	
			if(keyc==40 || keyc==38){
				  if(keyc==40){
					if(j<$$("li").length){
						j++;
						if(j>=$$("li").length){
							j=-1;
						}
					}
					if(j>=$$("li").length){
							j=-1;
						}
				  }			  
				 if(keyc==38){
					if(j>=0){
						j--;
						if(j<=-1){
							j=$$("li").length;
						}
					 }
					else{
						j=$$("li").length-1;
					}
				  }
			  
			set_style(j);
			
			if(j>=0 && j<$$("li").length){
				$("keyword").value=$$("li")[j].childNodes[0].nodeValue;
				}
			else{
				$$("li").value=temp_str;
				}
			}
		}
		
		/*]]>*/