$(function(){
	var word = '';
	var timeoutid = null;
	$("#keyword").keyup(function(event){
		var neword = $("#keyword").attr("value");
		var myEvent = event || window.event; 
		var keyCode = myEvent.keyCode;                //获得键值
		switch(keyCode){
			case 38 : //按了上键  
				if($("#keytips").css("display") == "block"){       
					var arr = $("#keytips li").filter(".current");
					if(arr.length != 0){
						var index = $("#keytips li").index(arr[0]);
						switch(index){
							case 0:
								$("#keyword").attr("value",word);
								$("#keytips li").eq(index).removeClass("current");
							break;
							default:
								$("#keytips li").eq(index).removeClass("current");
								$("#keyword").attr("value",$("#keytips li").eq(index-1).children().eq(0).text());
								$("#keytips li").eq(index-1).addClass("current");	
						}
					}
					else{
						$("#keyword").attr("value",$("#keytips li").eq($("#keytips li").length-1).children().eq(0).text());
						$("#keytips li").eq($("#keytips li").length-1).addClass("current");
					}
				}else{autocomplete()};
				break;
			case 40 : //按了下键
				if($("#keytips").css("display") == "block"){ 
					var arr = $("#keytips li").filter(".current");
					if(arr.length != 0){
						var index = $("#keytips li").index(arr[0]);
						switch(index){
							case $("#keytips li").length-1:
								$("#keyword").attr("value",word);
								$("#keytips li").eq(index).removeClass("current");
							break;
							default:
								$("#keytips li").eq(index).removeClass("current");
								$("#keyword").attr("value",$("#keytips li").eq(index+1).children().eq(0).text());
								$("#keytips li").eq(index+1).addClass("current");	
						}
					}
					else{
						$("#keyword").attr("value",$("#keytips li").eq(0).children().eq(0).text());
						$("#keytips li").eq(0).addClass("current");
					}
				} else { autocomplete() };
				break;
			case 13 : //按了回车
				if($("#keytips").css("display") == "block"){ 
					var arr = $("#keytips li").filter(".current");
					if(arr.length != 0){
						var index = $("#keytips li").index(arr[0]);
						$("#keyword").attr("value",$("#keytips li").eq(index).children().eq(0).text());
						$("#keytips").css("display","none");
					};
				}else{if(neword != word)autocomplete()}
				break;
			default:
				if (neword != "" && neword != word) {
					clearTimeout(timeoutid); //取消上次未完成的延时操作					
					//500ms后执行，执行一次
					timeoutid = setTimeout(function(){
						var url = "http://suggest.taobao.com/sug?q=" + neword + "&code=utf-8&callback=callback"
						var s = document.createElement("script"); 
						s.setAttribute("src", url);
						s.setAttribute("id", "GetOrder");
						document.getElementsByTagName("head")[0].appendChild(s);
						word = neword;
					},300)
				} else { $("#keytips").css("display","none");word = neword; }
		}
	})
	//---------------------------------------------------------------------------------------------
	
	$("body").click(function(){
		setTimeout(function(){$("#keytips").css("display","none")},100)
	})
	function autocomplete(){
		var neword = $("#keyword").attr("value");
		var url = "http://suggest.taobao.com/sug?q=" + neword + "&code=utf-8&callback=callback"
		var s = document.createElement("script"); 
		s.setAttribute("src", url);
		s.setAttribute("id", "GetOrder");
		document.getElementsByTagName("head")[0].appendChild(s);
		word = neword;
		var children = document.getElementById("GetOrder");
		var parent = children.parentNode;
		parent.removeChild(children);
	}
});

function callback(a){
	var key = a.result;
	var keynum = key.length;
	var str = "";
	for (i=0; i<keynum; i++) {
		str += "<li><span>" + key[i][0] + "</span><em>约" + key[i][1] + "个宝贝</em></li>";
	}
	$("#keytips").html(str);
	if (keynum>0) {
		$("#keytips").css("display","block")
	} else {
		$("#keytips").css("display","none");
	}
	$("#keytips li").hover(
		function(){
			$("#keyword").focus();
			var arr = $("#keytips li").filter(".current");
			if(arr.length != 0){
				var index = $("#keytips li").index(arr[0]);
				$("#keytips li").eq(index).removeClass("current");
			}
			$(this).addClass("current");	
		},
		function(){
			$(this).removeClass("current");
		}
	);
	$("#keytips li").click(function(){
		var th = $(this).children().eq(0).text();
		$("#keyword").attr("value",th);
		$("#keytips").css("display","none");
		$("#taosearch").submit();
	})
}