function XMLHTTP()
{

	try
	{
		xmlhttp = new ActiveXObject("MSXML2.XMLHTTP");
	}
	catch(e)
	{
		xmlhttp = new XMLHttpRequest();
	}

	return xmlhttp;

}



function auto_search(T)
{


	if(event.keyCode==40 || event.keyCode==38)
	{

			try
			{

				var list_layer = document.all("keyword_list1");


				if(index_num>0 && index_num < list_layer.length && event.keyCode==40)			list_layer[index_num - 1].style.background = "ffffff";
				else if(index_num>1 && event.keyCode==38)													list_layer[index_num - 1].style.background = "ffffff";


				if(event.keyCode==40)			index_num++;
				else									index_num--;


				document.MSF.search_keyword.value = XML_KEYWORD.item(index_num -1).getAttribute("KEY");
				list_layer[index_num-1].style.background = "eeeeee";

				document.MSF.index_num.value = index_num;


				if(index_num > 4)
				{
					var t = Math.floor( (index_num-1) / 5);
					document.all("search_layer2").scrollTop = t * 105;
				}
				else
				{
					document.all("search_layer2").scrollTop = 0;
				}


			}
			catch (e)
			{

				if(event.keyCode==40)			index_num--;
				else									index_num++;

			}


	}
	else
	{



		index_num = 0;


		xmlhttp = XMLHTTP();

		with(xmlhttp) {
			open("POST", "/etc/auto_keyword.html", false);
			setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			send("keyword=" + encodeURIComponent(T.value));
			xml = responseXML;
		}


		XML_KEYWORD = xml.getElementsByTagName("KEYWORD");


		if(XML_KEYWORD.length > 0)
		{

			var TR;
			var TD;
			var html_source = "";
			var key;

			var i = 0;
			while(i < XML_KEYWORD.length)
			{
				key = XML_KEYWORD.item(i).getAttribute("KEY");
				html_source += "<div id='keyword_list1' style='width:200;height:20;text-align:left;cursor:hand;padding-top:2;' onmouseover=\"this.style.background='eeeeee'\" onmouseout=\"this.style.background='ffffff'\" onclick=\"location.href='/shop/shop_search.html?search_keyword=" + key + "';\">&nbsp;<b>กค</b> " + key.replace(T.value,"<font color='red'>"+T.value+"</font>") + "</div>";
				i++;
			}


			document.all("search_layer2").innerHTML = html_source;

			var layer	= document.all("search_layer");
			layer.style.display = "";

		}
		else
		{

			var layer	= document.all("search_layer");
			layer.style.display = "none";

		}




	}




}