var checkFirst = false;
var lastKeyword = '';
var loopSendKeyword = false;

function startSuggest() {	
	if (checkFirst == false) {
		setTimeout("sendKeyword();", 500);
		loopSendKeyword = true;
	}
	checkFirst = true;
}
function sendKeyword() {
	if (loopSendKeyword == false) return;
	
	var keyword = document.search_total.ts_key.value;

	if (keyword == '') {
		lastKeyword = '';
		hide('suggest');
	} else if (keyword != lastKeyword) {
		lastKeyword = keyword;
		
		if (keyword != '') {
			var params = "keyword="+encodeURIComponent(keyword);

			sendRequest("/search/suggest.html", params, displayResult, 'POST');
		} else {
			hide('suggest');
		}
	}
	setTimeout("sendKeyword();", 500);
}
function displayResult() {
	//alert(httpRequest.readyState);
	//alert(httpRequest.status);
	if (httpRequest.readyState == 4) {
		
		if (httpRequest.status == 200) {
			var resultText = httpRequest.responseText;
			//alert(resultText);
			var result = resultText.split('|');
			var count = parseInt(result[0]);
			var keywordList = null;
			if (count > 0) {
				keywordList = result[1].split('`');
				var html = '';

    


				html="<table border=0 width=187 align=center cellspacing=0 cellpadding=0 height=56 background='/search/images/search_ajax_02.jpg'><tr>";
				html+="<td  height=5><img src='/search/images/search_ajax_01.jpg' width=187 height=5 border=0></td></tr><tr><td height=18>";
			
				if(count<=10 && count>1){
					html+="<table border='0' width='180' cellspacing='0' cellpadding='0' align='center' height='56'>";
				}else if(count>10){		
					html+="<table border=0 cellspacing=0 cellpadding=2 width=180 align=center>";
				}else if(count==1){
					html+="<table border=0 cellspacing=0 cellpadding=2 width=180 align=center>";	
				}else{
					html+="<table border=0 cellspacing=0 cellpadding=2 width=180 align=center>";
				}

				
				for (var i = 0 ; i < keywordList.length-1 ; i++) {
					keywordList_val = keywordList[i].split('^');
					
					if(i>9) break;// count°¡ 10ÀÌ»óÀ̸é 10¿¡¼­ ¸ØÃß°í ¾Æ·¡¿¡¼­ Âü°íÇÏ¿© more¸¦ È°¼ºÈ­ ÇÑ´Ù
						
					//if(count<=10 && count>1){
					if(count>1){

html+="<tr><td width='67' height='56' align='center'><A href='/goods/g_detail.html?icc=157&gid="+keywordList_val[0]+"'>";
html+="<img src='http://www.sorishop.com/goods/img/"+keywordList_val[1]+"' height=50 width=50 border=0 align=absmiddle></a></td><td width='113' height='56'>";
html+="<A href='/goods/g_detail.html?icc=157&gid="+keywordList_val[0]+"'><span style='font-size:9pt;'>"+keywordList_val[2]+"</span></td></tr>";

					}else if(count>100){				

html+="<tr><td  height='20'><A href='/goods/g_detail.html?icc=157&gid="+keywordList_val[0]+"'>";
html+="<img src='/search/images/arrow_i.gif' border=0 align=absmiddle> <span style='font-size:8pt;'>"+keywordList_val[2]+"</span></td></tr>";

if(i<keywordList.length-2){
	html+="<tr><td  height='2' ></td></tr>";
	html+="<tr><td  height='1' bgcolor=#D1E9FE></td></tr>";
	html+="<tr><td  height='2'></td></tr>";
}

					}else if(count==1){

html+="<tr><td width='100' align='center' height='100'><A class=index_under href='/goods/g_detail.html?icc=157&gid="+keywordList_val[0]+"'><img src='http://www.sorishop.com/goods/img/"+keywordList_val[1]+"' height=90 width=90 border=0 align=absmiddle></a></td>";
html+="<td align='center'>";
html+="<p align='left'><A class=index_under href='/goods/g_detail.html?icc=157&gid="+keywordList_val[0]+"'>";
html+="<font size='2' face='µ¸¿ò'>"+keywordList_val[2]+"</font></A></td></tr>";

					}else{

html+="<tr><td  height='20'><A href='/goods/g_detail.html?icc=157&gid="+keywordList_val[0]+"'>";
html+="<img src='/search/images/arrow_i.gif' border=0 align=absmiddle> <span style='font-size:9pt;'>"+keywordList_val[2]+"</span></td></tr>";
html+="<tr><td  height='1' bgcolor=red></td></tr>";

					}
				}


				html+="</table></td></tr><tr><td width=407 height=22>";
				if(count<=10){
					html+="<img src='/search/images/search_ajax_03_01_1.gif' border=0>";
				}else{
					html+="<a href='javascript:search_ps()'><img src='/search/images/search_ajax_03_01.gif' border=0></a>";
				}
				html+="<img src='/search/images/search_ajax_03_02.gif' border=0 alt='ÅëÇÕ°Ë»ö'><img src='/search/images/search_ajax_03_03.gif' border=0 style='cursor:hand' onclick=hide('suggest') alt='close'></td></tr></table>";
				var listView = document.getElementById('suggestList');
				listView.innerHTML = html;
				
				show('suggest');
			} else {
				hide('suggest');
			}
		} else {
			alert("¿¡·¯ ¹ß»ý: "+httpRequest.status);
		}
	}
}
function select(selectedKeyword) {
	document.search_total.ts_key.value = selectedKeyword;
	loopSendKeyword = false;
	checkFirst = false;
	hide('suggest');
}
function show(elementId) {
	var element = document.getElementById(elementId);
	if (element) {
		element.style.visibility = "visible";
	}

}
function hide(elementId) {
	var element = document.getElementById(elementId);
	if (element) {
		//element.style.display = 'none';
		element.style.visibility = "hidden";
	}
}