var bDebugMode	= false;
var nCurMenu	= 0;
var nMenuLength = 0;
var nHeightPerLine = 14;
var rMenu;
var bAutoRequest = false;
var sSentQuery = "";
var sLastReceived = "default";
var sMenuColor = "#FFFFFF";
var sMenuColorSelected = "#ededed"; 
var iCnt = 0;



$(document).ready(function() {
	$("#items").keydown(function(event){
		var oP = getById('items');
		var oLayerSuggest = getById('lSuggestList');
		nKeyCode  = event.keyCode
		
		if ((nKeyCode > 40 || nKeyCode == 8)){
			if(window.ActiveXObject){
				nKeyCode  = event.keyCode;
				if ( nKeyCode > 40 || nKeyCode == 8 ){
					setTimeout("getSearcKey()",10);
				}
			}else{
				fireFoxHandler();
			}
		}else if(nKeyCode == 13){
			if (nCurMenu != 0) {
				bAutoRequest = false;
                var li = eval("document.getElementById('menu" + nCurMenu +"')")
				oP.value = li.innerText;
				sechfrmsubmit();
                return false;
			} else {
                sechfrmsubmit();
            }
		}else if(nKeyCode == 40){	// down arrow
			if (nMenuLength > 0 ) {
				if (nCurMenu != nMenuLength && nCurMenu != 0) getById('menu'+nCurMenu).style.background = sMenuColor;
				
				nCurMenu++;
				
				if (nCurMenu >= nMenuLength) nCurMenu = nMenuLength;
				
				SearchEvent('OVER', nCurMenu);
				getById('menu'+nCurMenu).focus();
				
				if (!( oLayerSuggest.scrollTop > ((nCurMenu-8) * nHeightPerLine) && oLayerSuggest.scrollTop < ((nCurMenu-8) * nHeightPerLine)+( nHeightPerLine * 7) )) {
					if ( (oLayerSuggest.scrollTop + nHeightPerLine) == ((nCurMenu-8) * nHeightPerLine))
						oLayerSuggest.scrollTop = oLayerSuggest.scrollTop - nHeightPerLine;
					else
						oLayerSuggest.scrollTop = (nCurMenu-7) * nHeightPerLine;
				}
			}
		}else if(nKeyCode == 38){	// up arrow
			if (nMenuLength > 0 ) {
				if (nCurMenu != 0) getById('menu'+nCurMenu).style.background = sMenuColor;
				
				nCurMenu--;
				
				if (nCurMenu <= 0) nCurMenu = 1;
				
				SearchEvent('OVER', nCurMenu);
				
				if (!( oLayerSuggest.scrollTop > ((nCurMenu-8) * nHeightPerLine) && oLayerSuggest.scrollTop < ((nCurMenu-8) * nHeightPerLine)+( nHeightPerLine * 7) )) {
					if ( (oLayerSuggest.scrollTop + nHeightPerLine) == ((nCurMenu-8) * nHeightPerLine))
						oLayerSuggest.scrollTop = oLayerSuggest.scrollTop - nHeightPerLine;
					else
						oLayerSuggest.scrollTop = (nCurMenu-7) * nHeightPerLine;
				}
			}
		}
	});
});

//ÆÄÀ̾î Æø½ºÀÇ °æ¿ì´Â  event(ÇѱÛ)ÀÇ °æ¿ì´Â ùÀÚ¸¸ °¡Áö°í ¿Í¼­ ÇÏ´Ü ºÎºÐÀ¸·Î º¯°æÇÔ 
var sTopSearchKey= "";
function fireFoxHandler(){
	if( sTopSearchKey != document.getElementById('items').value  ){
		sTopSearchKey = document.getElementById('items').value;
		setTimeout("getSearcKey()",10);
	}
	setTimeout("fireFoxHandler()",200);
}


function getSearcKey(){
	var key = document.getElementById('items').value.toUpperCase();	// °Ë»öÅ°°¡ ´ë¹®ÀÚ·Î °Ë»öµÇ°Ô.
	utfkey = escape(encodeURI(key));	
	if (key != ''){
		$.get( '/search/q.jsp?q='+utfkey, function(html) {
				var str = eval('(' + html + ')');
				var rMenu = str.items;
				if (rMenu != "" && rMenu != null) {
					nMenuLength = rMenu.length;
					if (nMenuLength > 0 ){
						document.getElementById("lSuggestTable").style.display = "";
						nCurMenu = 0;
						var sList = "<dl>";
						for (var i=1; i <= rMenu.length; i++) {
							sList += "<dd id='menu"+i+"' style='cursor:hand;text-align:left;' onmouseover=SearchEvent('OVER',"+ i +") onclick=SearchEvent('CLICK',"+ i +") onmouseout =SearchEvent('OUT',"+ i +") onblur='clearDiv();'>" ;
							//sList += "<dd id='menu"+i+"' style='cursor:hand;'>" ;
							sList += rMenu[i-1].replace(key, "<font color='ff7200'>" + key + "</font>")+"</dd>";
						} 
						sList += "</dl>";
						$('#lSuggestList')[0].innerHTML = sList;
					}else{
						$('#lSuggestList')[0].innerHTML = "";
						document.getElementById("lSuggestTable").style.display = "none";
					}
				}else{
					$('#lSuggestList')[0].innerHTML = "";
				}
			}
		);
	}else{
		document.getElementById("lSuggestTable").style.display = "none";
	}
}



function SearchEvent(flag, rowIndex){
	var li     = eval("document.getElementById('menu" + rowIndex + "')");
	var search = getById("items");
	
	if(rowIndex < 1) return;

	if(flag == "OVER"){
		li.style.backgroundColor = sMenuColorSelected;
	} 
	else if(flag == "CLICK"){
		li.style.backgroundColor = sMenuColorSelected;
		search.value = li.innerText;
		sechfrmsubmit();
	}
	else if(flag == "OUT"){
		li.style.backgroundColor = sMenuColor;
	}
}

function getById(id, where) {
	if (where == null)
		return document.getElementById(id);
	else
		return eval(where + ".document.getElementById('"+id+"')");
}

function focusOutDiv(){
	iCnt = 1;
}

function focusInDiv(){
	iCnt = 0;
}

function clearDiv(){
	if (iCnt > 0) {
		lSuggestTable.style.display = "none";
	}
	iCnt = 0;
}

function viewDiv(src){
	iCnt = 0;
	//alert($("#lSuggestTable.display"));
	//alert(document.getElementById("items").style.backgroundImage);
	if(document.getElementById("lSuggestTable").style.display == "none"){
		document.getElementById("lSuggestTable").style.display = "block";
		document.getElementById("items").style.backgroundImage = 'url(http://image.yeoin.com/index_images/search_bg2.gif)';
		if(document.getElementById("items").value != null){
			getSearcKey();
		}
	}else if(document.getElementById("lSuggestTable").style.display == "block"){
		document.getElementById("lSuggestTable").style.display = "none";
		document.getElementById("items").style.backgroundImage = 'url('+src+')';
	}
	return true;
}

function sechfrmsubmit() {
	var chkprdname = document.getElementById("items").value;
	if(chkprdname == "") {
		document.location.href = document.getElementById("defaultUrl").value;
	}else{
		if (trim(chkprdname) == null || trim(chkprdname) == "") {
			alert('°Ë»ö¾î¸¦ ÀÔ·ÂÇϼ¼¿ä');
			document.getElementById("items").value = "";
			document.topSrchForm.items.focus();
			return false;
		} else {
			// 1. SrchForm¿¡ ÀÖ´Â StoreCd1°ú StoreCd2¿¡
			// topSrchForm¿¡ ÀÖ´Â StoreCd1°ú StoreCd2°ªÀ» ³Ö´Â´Ù.
			document.getElementById("sStoreCd1").value = document.getElementById("sStoreCdT").value;
			document.getElementById("sStoreCd2").value = document.getElementById("sStoreCdT").value;
			document.getElementById("StoreCd").value = document.getElementById("sStoreCdT").value;
			document.getElementById("DispGB").value = "LIST";
			document.getElementById("sKeyWord").value = chkprdname;
			document.SrchForm.action='/search/FO_PowerSrchRsltRM.jsp';
			document.SrchForm.submit();
		}
	}
	return false;
}


function changeText(obj){
	var sStoreCd = obj.value;
	var sStoreNm = "Àüü";
	
	if (sStoreCd != "0"){
		sStoreNm = obj.options[obj.selectedIndex].text;
	}
	document.getElementById("sStoreNm").value = sStoreNm;
}

// top ÅëÇÕ°Ë»ö ºÎºÐ ¸¶¿ì½º ¿À¹ö½Ã
function viewStore(status) {
	var v_div = document.getElementById("store_list").style;
	v_div.display = status;
}


function storeOver(obj, color) {
	obj.style.background = color;
}


// top ÅëÇÕ°Ë»ö »óÁ¡ ¼±ÅýÃ
function searchText(store_cd, store_nm){
	document.topSrchForm.sStoreCd1.value = store_cd;
	document.getElementById("sStoreNm").value = store_nm;
	document.getElementById("search_store").value = store_nm;
	document.getElementById("store_list").style.display = "none";
}


function clearDiv2(){
	document.getElementById("lSuggestTable").style.display = "none";
	document.getElementById("items").focus();
	iCnt = 0;
}