function checkKeyword()
{
	if($.trim($("#searchForm").find("input[name=query]").val()) == '')
	{
		alert("请输入你要搜索的关键字");
		$("#searchForm").find("input[name=query]").focus();
		return false;
	}
	return true;
}
$(document).ready(function() {
	var KEY = {
		UP: 38,
		DOWN: 40,
		LEFT: 37,
		RIGHT: 39,
		RETURN: 13,
		ESC: 27,
		BACKSPACE: 8
	};
	var keywordval = "";
	$("#searchForm").find("input[name=query]").blur(function(){
		if($.trim($(this).val())=='')
		$(this).val('请输入你要搜索的关键字');
		setTimeout("$('#autosel').hide()",500);
	});
	$("#searchForm").find("input[name=query]").focus(function(){
		if($.trim($(this).val())=='请输入你要搜索的关键字')
		$(this).val('');
		if(keywordval != '' && $.trim($(this).val()) != '')
		$("#autosel").show();
	});
	$("#searchForm").find("input[name=query]").bind(($.browser.opera ? "keypress" : "keyup"),function (event){
		//event.preventDefault();
		switch(event.keyCode) {
			case KEY.UP:
			event.preventDefault();
			moveSelect(1);
			break;
			case KEY.DOWN:
			event.preventDefault();
			moveSelect(0);
			break;
			case KEY.ESC:
			event.preventDefault();
			$("#searchForm").find("#autosel").hide();
			break;
			case KEY.RETURN:
			if($.trim($(this).val()) != '' && keywordval != $.trim($(this).val()))
			gethtmljson($.trim($(this).val()));
			else if($.trim($(this).val()) != '' && keywordval != '')
			$("#searchForm").find("#autosel").show();
			else
			$("#searchForm").find("#autosel").hide();
			//event.preventDefault();
			//event.preventDefault();
			//clickChange();
			break;
			default:
			event.preventDefault();
			if($.trim($(this).val()) != '' && keywordval != $.trim($(this).val()))
			gethtmljson($.trim($(this).val()));
			else if($.trim($(this).val()) != '' && keywordval != '')
			$("#searchForm").find("#autosel").show();
			else
			$("#searchForm").find("#autosel").hide();
			break;
		}
		function gethtmljson(keyword){
			$.post('/app/search/keyword/',{query:keyword},function(json){
				var htmltxt = "";
				for(var i=0;i<json.length;i++){
					htmltxt += "<li class='off'><code>"+json[i].title+"</code></li>";
				}
				$("#searchForm").find("#autosel").find("ul").html(htmltxt);

				if(i > 0)
				{
					$("#searchForm").find("#autosel").show();
					keywordval = keyword;
				}else{
					$("#searchForm").find("#autosel").hide();
					keywordval = "";					
				}

				$("#searchForm").find("#autosel").find("ul").find("li").mouseover(function(){
					var thison = this;
					$("#searchForm").find("#autosel").find("ul").find("li").each(function(){
						$(this).attr('class','off');
					});
					$(thison).attr('class','on');
				});
				$("#searchForm").find("#autosel").find("ul").find("li").click(function(){clickChange();});
			},'json');
		}
		function moveSelect(step) {
			var thison = $("#searchForm").find("#autosel").find("ul").find(".on");
			if($(thison).attr('class'))
			{
				if(step == 1)
				{
					if($(thison).prev())
					{
						$(thison).prev().attr('class','on');
						$(thison).attr('class','off');
					}
				}else if(step == 0){
					if($(thison).next())
					{
						$(thison).next().attr('class','on');
						$(thison).attr('class','off');
					}
				}
			}else{
				$($("#searchForm").find("#autosel").find("ul").find("li").get(0)).attr('class','on');
			}
		};
		function clickChange(){
			var thison = $("#searchForm").find("#autosel").find("ul").find(".on");
			if($(thison).attr('class'))
			{
				$("#searchForm").find("input[name=query]").val($(thison).find("code").text());
				keywordval = $(thison).find("code").text();
				$("#autosel").hide();
			}
			if($.trim($("#searchForm").find("input[name=query]").val())=='')
			{
				alert("请输入你要搜索的关键字");
				return false;
			}
			$("#searchForm").submit();
		};
	});
})