var hightlight =-1; 
var oInputField;	//考虑到很多函数中都要使用
var oInputFieldx;	//因此采用全局变量的形式
var oInputField1;
var oInputField2;
var oInputField3;
var oInputField4;
var oPopDiv;
var oPopDiv2;
var oconUl;
function initVars(){
	//初始化变量
	oInputField		= $("#title");
	oInputFieldx	= $("#type");
	oInputField1	= $("#type1");
	oInputField2	= $("#type2");
	oInputField3	= $("#type3");
	oInputField4	= $("#type4");
	oPopDiv			= $("#popup");
	oPopDiv2		= $("#popup2");
	oconUl			= $("#con_ul");
	oselect         = $(".select");
}
function clearcon(){
	//清除提示内容
	oconUl.empty();
	oPopDiv.removeClass("show");
	oPopDiv2.removeClass("show");
	oselect.css("display","block");
}
function setcon(the_con){
	//显示提示框，传入的参数即为匹配出来的结果组成的数组
	clearcon();	//每输入一个字母就先清除原先的提示，再继续
	oPopDiv.addClass("show");
	oPopDiv2.addClass("show");
	oselect.css("display","none");
	for(var i=0;i<the_con.length;i++)
		//将匹配的提示结果逐一显示给用户
		oconUl.append($("<li>"+the_con[i]+"</li>"));
		oconUl.find("li").click(function(){
		oInputField.val($(this).text());
		clearcon();
	}).hover(
		function(){$(this).addClass("mouseOver");},
		function(){$(this).removeClass("mouseOver");}
	);
}
function findcon(event){
	initVars();		//初始化变量
	clearcon();
	var myEvent = (event)?event:window.event; 
	var keycode = myEvent.keyCode;   //获取键盘键值
	if(keycode==38||keycode==40){  //如果输入的是向上向下
            
			if(keycode==38){
			//向上
			  var autoNodes = oconUl.find("li");
			
			   if (hightlight != -1 ){
			   	//把高亮节点恢复
			   	autoNodes.eq(hightlight).removeClass("mouseOver");
				hightlight--;
			   }else{
			   	hightlight = autoNodes.length - 1
			   }
			   
			   if(hightlight == -1){
			   	//如果到顶 把高亮移动到最后
			   	hightlight = autoNodes.length - 1;
			   };
			   autoNodes.eq(hightlight).addClass("mouseOver");	
			}
			if(keycode==40){
			//向下
			   var autoNodes =oconUl.find("li");
			   if (hightlight != -1 ){
			   	//把高亮节点恢复
			   	autoNodes.eq(hightlight).removeClass("mouseOver");
			   }
			   hightlight++;
			   if(hightlight == autoNodes.length){
			   	//如果到顶 把高亮移动到最后
			   	hightlight = 0;
			   }
			   autoNodes.eq(hightlight).addClass("mouseOver");
			}		
		}else if (keycode==13){
			//如果输入的是回车			
			if(hightlight!=-1){
				//取出节点的内容
				var context = oconUl.find("li").eq(hightlight).text();
				clearcon();
				hightlight = -1;
				oInputField.val(context);
			}
			
		}
		else
		{
			if(oInputField.val().length > 0 && oInputField.val().length < 7){
				//获取异步数据
				var url="ajax.php?title="+oInputField.val()+"&type="+oInputFieldx.val()+"&type1="+oInputField1.val()+"&type2="+oInputField2.val()+"&type3="+oInputField3.val()+"&type4="+oInputField4.val();
				$.get(url,function(data){
						var aResult = new Array();
						if(data.length > 0){
							aResult = data.split("^");
							setcon(aResult);	//显示服务器结果
						}
						else
							clearcon();
				});
			}
			else{
			    clearcon();	//无输入时清除提示框（例如用户按del键）
			    hightlight = -1
			}
		}
}
$(function(){
	$("body").click(function(){
		clearcon();	
	})
})
