var a=1;
function keywordKeyDown() {
    var keyCode = window.event.keyCode;
    
    if(keyCode ==  9)   return;     //Tab 키
    if(keyCode == 13)   return;     //Enter 키
    if(keyCode == 16)   return;     //Shift 키
    if(keyCode == 16)   return;     //Ctrl 키
    if(keyCode == 18)   return;     //Alt 키
    if(keyCode == 45)   return;     //Ins 키
    if(keyCode == 46)   return;     //Del 키
    if(keyCode == 33)   return;     //PgUp 키
    if(keyCode == 34)   return;     //PgDn 키
    if(keyCode == 35)   return;     //End 키
    if(keyCode == 36)   return;     //Home 키
	if(keyCode == 37)   return;     //Home 키
	if(keyCode == 39)   return;     //Home 키    
    
    //if(keyCode >= 37 && keyCode <= 40)   return;     //방향키
 	if(keyCode==38) {	//방향키 위
		if (document.all("searchKeyword").style.visibility == "visible") { 		
	 		var now_cusor,next_cusor; 		 		
	 		now_cusor = parseInt(document.bform.btitle_cnt.value);
	 		next_cusor = parseInt(document.bform.btitle_cnt.value)-1;
	 		if (next_cusor < 1) {
	 			hiddenSearchKeywordResult();
	 			return;
	 		}	
	        var Next_div_Move = document.all("div_td_Move"+next_cusor);		
			Next_div_Move.style.background = "#EFF2FD";
			document.bform.bsearchText.value = Next_div_Move.value;
			var Now_div_Move = document.all("div_td_Move"+now_cusor);
			Now_div_Move.style.background = "#FFFFFF"; 			
			document.bform.btitle_cnt.value=next_cusor;  				
			if (next_cusor == 6 || next_cusor == 13) {	
				var scrollTop_size;
				if (next_cusor==13) scrollTop_size = 45
				else scrollTop_size = 121	
				document.getElementById('rsearchKeyword').scrollTop-=scrollTop_size;
			}
		}
		return;
 	}
 	
 	if(keyCode==40) {	//방향키 아래
 		if (document.all("searchKeyword").style.visibility == "visible") { 		
	 		var search_re_cnt = document.bform.btitle_total_cnt.value; 
	 		var now_cusor,next_cusor; 		 		
	 		now_cusor = parseInt(document.bform.btitle_cnt.value);
	 		next_cusor = parseInt(document.bform.btitle_cnt.value)+1;
	 		if (next_cusor > search_re_cnt) return;
	        var Next_div_Move = document.all("div_td_Move"+next_cusor);		
			Next_div_Move.style.background = "#EFF2FD";
			document.bform.bsearchText.value = Next_div_Move.value;
	 		if (now_cusor > 0) { 
	 			var Now_div_Move = document.all("div_td_Move"+now_cusor);		         			
				Now_div_Move.style.background = "#FFFFFF"; 			
	 		}			
			document.bform.btitle_cnt.value=next_cusor;  				
			if (next_cusor == 7 || next_cusor == 14) {				
				document.getElementById('rsearchKeyword').scrollTop+=121;
			}		
		}	
		return;
 	} 	
	setTimeout('submitSearchKeyword('+a+')', 250);     	
    //Keydown 이벤트 발생 시점에는 아직 TextField에 사용자가 입력한 키 값이 설정되지 않았기 때문에
    //브라우저가 이벤트에 반응하여 값을 설정할때 까지 잠시 기다린다.
}

function submitSearchKeyword(a) {
	var filename,sendUrl,queryString,resultProcessMethod;
	document.bform.bsearchText.focus();  	
	document.bform.imgClick.value=a;
	sendUrl = '/searchKeyword.asp?resultType='+a;
    queryString = formData2QueryString(document.bform);
    resultProcessMethod = 'viewSearchKeywordResult'; 
    xmlHttpPost(sendUrl, queryString, resultProcessMethod);
} 
                
function viewSearchKeywordResult(result) {
    if(result == "") {
        var searchKeywordDiv = document.all("searchKeyword");
        searchKeywordDiv.innerHTML = "";
        searchKeywordDiv.style.visibility = "hidden";
    }
    else {
        var resultList = result.split('|');
        var viewResult = '';
   		viewResult += '<table width="311" border="0" cellpadding="0" cellspacing="1" bgcolor="#8699DB">'
   		viewResult += '  <tr>'
   		viewResult += '    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">'
   		viewResult += '      <tr>'
   		viewResult += '        <td align="center" valign="bottom"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#D0D7EF">'
   		viewResult += '          <tr>'
   		viewResult += '            <td width="10" height="20" align="center">&nbsp;</td>'
   		viewResult += '            <td width="100" valign="middle"><span class="search_blue_12">E+ 추천 검색어</span> </td>'
   		viewResult += '            <td align=right><img id="imgName1" width="44" height="16" onclick="submitSearchKeyword(1);"  style="cursor:hand"><img id="imgName2" width="47" height="16" hspace="2" onclick="submitSearchKeyword(2);" style="cursor:hand"></td>'
		viewResult += '            <td width="8"></td>'   		
   		viewResult += '            <td width="15"><img src="/main/img/top/sauto_close.gif" width="9" height="9" border=0 onclick="hiddenSearchKeywordResult();" style="cursor:hand"></td>'
   		viewResult += '          </tr>'
   		viewResult += '        </table></td>'
   		viewResult += '      </tr>'
   		viewResult += '      <tr>'
   		viewResult += '        <td><table width="100%" border="0" cellspacing="3" cellpadding="3">'
   		viewResult += '          <tr>'
   		viewResult += '            <td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#D0D7EF">'
   		viewResult += '              <tr>'
   		viewResult += '                <td bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="2">'
   		viewResult += '                  <tr>'
   		viewResult += '                    <td align=center>'
        for(i = 0 ; i < resultList.length; i++) {
            if(i == 0)  viewResult += '' + resultList[i] + ''
            else        viewResult += '<A href="javascript:setKeyword(\'' + resultList[i] + '\');">' + resultList[i] + '</A><BR>'
        }        
   		viewResult += '					</td>'
   		viewResult += '                  </tr>'
   		viewResult += '                </table></td>'
   		viewResult += '              </tr>'
   		viewResult += '            </table></td>'
   		viewResult += '          </tr>'
   		viewResult += '        </table></td>'
   		viewResult += '      </tr>'
   		viewResult += '    </table></td>'
   		viewResult += '  </tr>'
   		viewResult += '</table>'

        var searchKeywordDiv = document.all("searchKeyword");
        searchKeywordDiv.innerHTML = viewResult;
        searchKeywordDiv.style.visibility = "visible";

        //검색어 추천 키워드가 3개이상 이면 select box hidden
		var	result_cnt = parseInt(document.bform.btitle_total_cnt.value);
        	
		//검색결과 수에 따라 높이값 조절
        if (result_cnt > 7) document.getElementById('rsearchKeyword').style.height="140px";
		else document.getElementById('rsearchKeyword').style.height=20*result_cnt+"px";
		//document.getElementById('rsearchKeyword').style.height="140px";
			
		var openedMenu = "";
		searchKeywordDiv.onmouseout = function() { openedMenu = "";	}
		searchKeywordDiv.onclick = function() {	openedMenu = "Y"; }
		document.body.onclick = function(){ //페이지에 클릭이벤트가 생기면
			if(openedMenu=="") { 
				hiddenSearchKeywordResult();
			}
		}
		
		var imgClickValue = document.bform.imgClick.value;
		if (imgClickValue == 1) { 
			document.all.imgName1.src="/main/img/top/sa_word1_o.gif";
			document.all.imgName2.src="/main/img/top/sa_word2.gif";
		}
		else { 
			document.all.imgName1.src="/main/img/top/sa_word1.gif";
			document.all.imgName2.src="/main/img/top/sa_word2_o.gif";
		}
    }
}

//자동 검색기능 레이어 숨기기   
function hiddenSearchKeywordResult() {
	var searchKeywordDiv = document.all("searchKeyword");
  	searchKeywordDiv.innerHTML = "";
 	searchKeywordDiv.style.visibility = "hidden";
}

//자동 검색어 기능 선택된 검색어
function setKeyword(selectedKeyword) {
	clearInit();
	var re = /@/g;
	selectedKeyword = selectedKeyword.replace(re,"'");	
    document.bform.bsearchText.value = selectedKeyword;   
  	document.bform.submit();
}