$(function(){
for(i=1;i<7;i++)
	if(document.getElementById('con'+i).style.display=='block')
		oNeedle=i;
key=document.getElementById('keyword'+oNeedle);
oInputField=key;
key.focus();
oInputField.headerOffset=false;
s_w=key.style.width;
$("#search_suggest"+oNeedle).css('width',s_w);
$("body").click(clearColors);
key.onkeydown=moveTarget;
if(navigator.userAgent.indexOf("MSIE")>0)
{ 
	key.onpropertychange=findColors;
}
else
{
	key.addEventListener("input",findColors,false); 
}

}
)



var oInputField;	
var oPopDiv;		
var oColorsUl;
var xmlHttp;
var oSelect='';
var oNeedle=1;
var overTarget=null;
var keyCode=null;

function createXMLHttpRequest(){
	if(window.ActiveXObject)
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	else if(window.XMLHttpRequest)
		xmlHttp = new XMLHttpRequest();
}

function initVars(i){
	oInputField = document.getElementById("keyword"+i);
	oPopDiv = document.getElementById("search_suggest"+i);
	oColorsUl = document.getElementById("suggest_list"+i);
}

function clearColors(){
	if(oColorsUl){
		for(var i=oColorsUl.childNodes.length-1;i>=0;i--)
		oColorsUl.removeChild(oColorsUl.childNodes[i]);
		oPopDiv.className = "hide";
	}
}

function moveTarget(event)
{
	event = event?event:window.event;
	keyCode =event.keyCode;
	if(keyCode ==40 && overTarget){
		overTarget.className = "mouseOut";
		
		if(overTarget.nextSibling)
		{
			overTarget = overTarget.nextSibling;
			overTarget.className = "mouseOver";
		}
		else 
		{
			overTarget = oColorsUl.firstChild;
			overTarget.className = "mouseOver";
		}
	}
	else if(keyCode ==40 && !overTarget)
	{
		overTarget = oColorsUl.firstChild;
		overTarget.className = "mouseOver";
	}
	else if(keyCode ==38 && !overTarget)
	{
		overTarget = oColorsUl.lastChild;
		overTarget.className = "mouseOver";
	}
	else if(keyCode ==38 && overTarget)
	{
		overTarget.className = "mouseOut";
		if(overTarget.previousSibling)
		{
			overTarget = overTarget.previousSibling;
			overTarget.className = "mouseOver";
		}
		else 
		{
			overTarget = oColorsUl.lastChild;
			overTarget.className = "mouseOver";
		}
	}
	else if(keyCode ==13 && overTarget)
	{
		var n_v = overTarget.innerHTML;
		oInputField.value = n_v;
		oSelect =n_v;
		oInputField.value = n_v;
		clearColors();
	}
	else if(keyCode == 13 && oInputField.value!='')
	{
//		oInputField.value=filter_str(oInputField.value);
	}


}

function setColors(the_colors){
	clearColors();	
	var is_header=document.getElementById('is_header');//搜索头调整css
	if(typeof(is_header)!='undefined' && is_header!=null && is_header.value)
		{
			oPopDiv.className="showInHeader";
			if( typeof(oInputField.headerOffset)!='undefined' && !oInputField.headerOffset)
			{
				left=parseInt(oPopDiv.offsetLeft)+84;
				oPopDiv.style.left=left+"px";
				oInputField.headerOffset=true;
			}
			
		}
	else
		oPopDiv.className = "show";
	var oLi;
	for(var i=0;i<the_colors.length;i++){
		oLi = document.createElement("li");
		oColorsUl.appendChild(oLi);
		oLi.appendChild(document.createTextNode(the_colors[i]));

		oLi.onmouseover = function(){
			for(i=0;i<oColorsUl.childNodes.length;i++){
				oColorsUl.childNodes[i].className = "mouseOut";
			}
			this.className = "mouseOver";	
			overTarget = this;
		}
		oLi.onmouseout = function(){
			this.className = "mouseOut";
		}
		oLi.onclick = function(){
			var n_v = this.firstChild.nodeValue;
			overTarget = null;
			oSelect =n_v;
			oInputField.value = n_v;
			oInputField.focus();
//			clearColors();
		}
	}
}

function findColors(){
	if(keyCode == null) return;
	initVars(oNeedle);

	if(oSelect == oInputField.value) return;
	else oSelect =oInputField.value;
	if(oInputField.value.length > 0){
		createXMLHttpRequest();		
		var sUrl = "./index.php?action=ajax|Keyword&key=" + encodeURIComponent(oInputField.value) + "&timestamp=" + new Date().getTime();
		xmlHttp.open("GET",sUrl,true);
		xmlHttp.onreadystatechange = function(){
			if(xmlHttp.readyState == 4 && xmlHttp.status == 200){
				var aResult = new Array();
			if(xmlHttp.responseText.length){
				aResult = xmlHttp.responseText.split(",");
				setColors(aResult);	
			}
			else
				clearColors();
			}
		}
		xmlHttp.send(null);
	}		
	else
		clearColors();	
}


//TAB页签2
function switch_tab(num){
	$(".super_select").css('display','none');
	if(num==15)
	{
		window.location.href="http://"+$("#baseurl").text()+'/index.php?action=search&type=jiaju';
		return;
	}
	var name="indextab";
	var expire = 1000*60;
	SetCookie(name,num,expire);

	for(i=1;i<=6;i++)
	{
		var menu=document.getElementById("tab"+i);
		var con=document.getElementById("con"+i);
		if(typeof(menu)!='undefined') 
			menu.className=i==num?"active":"";
		if(typeof(con)!='undefined' && con!=null)
			con.style.display=i==num?"block":"none";
	}
	oNeedle=num;
	if(oSelect)oSelect='';
	key=document.getElementById('keyword'+num);
	oInputField=key;
	key.value='';
	key.focus();
	if(typeof(oInputField.headerOffset)=='undefined' || !oInputField.headerOffset)
		oInputField.headerOffset=false;
	key.onkeydown=moveTarget;
	s_w=key.style.width;
	$("#search_suggest"+num).css('width',s_w);
	if(navigator.userAgent.indexOf("MSIE")>0)
	{ 
		key.onpropertychange=findColors;
	}
	else
	{
		key.addEventListener("input",findColors,false); 
	}
}

function SetCookie(name,value,expire) {
var exp  = new Date();
exp.setTime(exp.getTime() + expire);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}

function getCookie(name) {
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr != null) return unescape(arr[2]); return null;
}

function delCookie(name){
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}