<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">var g_oConvert = "fw";							// �뺣갑��, ��갑�� 媛�
var isArk = true;								// �먮룞�꾩꽦 湲곕뒫 �ъ슜 �щ�
var isKeydown = false;							// 釉뚮씪�곗�媛� �뚯씠�댄룺��, �ㅽ럹�쇱씪 寃쎌슦 keydown �ъ슜 �щ�
var isListShow = true;
var cursorPos = -1;								// �먮룞�꾩꽦 而ㅼ꽌 �꾩튂 媛�
var formName = "#topSearchForm";						// 寃��� form�� name�� �ㅼ젙�쒕떎.
var queryId = "topSearchKeyword";							// 寃��됱뼱 &lt;input&gt; �� id�� �ㅼ젙�쒕떎
var arkId = "ark";								// �먮룞�꾩꽦 �꾩껜 &lt;div&gt; �� id�� �ㅼ젙�쒕떎
var wrapId = "ark_wrap";						// �먮룞�꾩꽦 寃곌낵 &lt;div&gt; �� id�� �ㅼ젙�쒕떎
var footerId = "ark_footer";					// �먮룞�꾩꽦 Footer &lt;div&gt; �� id�� �ㅼ젙�쒕떎
var contentListId = "ark_content_list";			// �먮룞�꾩꽦 Content List &lt;li&gt; �� id�� �ㅼ젙�쒕떎
var imgDownId = "ark_img_down";					// �먮룞�꾩꽦 down �대�吏� id�� �ㅼ젙�쒕떎
var imgUpId = "ark_img_up";						// �먮룞�꾩꽦 up �대�吏� id�� �ㅼ젙�쒕떎
var arkUpId = "ark_up";							// �먮룞�꾩꽦 up �대�吏� &lt;div&gt; �� id�� �ㅼ젙�쒕떎
var arkDownId = "ark_down";						// �먮룞�꾩꽦 down �대�吏� &lt;div&gt; �� id�� �ㅼ젙�쒕떎
var totalFwCount = 0;							// �꾨갑 寃��� �꾩껜 媛쒖닔
var totalRwCount = 0;							// �꾨갑 寃��� �꾩껜 媛쒖닔
var target = "";								// ARK �뱀꽌踰� �ㅼ젙�뚯씪�� 紐⑸줉�� �덈뒗 異붿쿇�� �쒕퉬�� ���곸쓣 吏��뺥븳��.
var charset = "utf-8";							// �몄퐫�� �ㅼ젙 (�몄퐫�⑹씠 utf-8�� �꾨땺 寃쎌슦 8859_1 濡� �ㅼ젙�댁빞��)
var datatype = "json";							// 諛섑솚諛쏆쓣 Data�� ���낆쓣 �ㅼ젙. XML 怨� JSON�� 媛��� (xml | json)
//var arkPath = "./ark";						// �먮룞�꾩꽦 寃쎈줈
var arkPath = "";						// �먮룞�꾩꽦 寃쎈줈
var transURL = arkPath + "/search/ajaxArk.do";		// trans �섏씠吏��� URL�� �ㅼ젙�쒕떎.
var tempQuery = "";

/**
 *  ARK 援ъ꽦�붿냼�� �꾩튂 諛� �ш린瑜� �꾨옒 蹂��섎� �듯빐 議곗젙��.
 */
var browser = "";
if ($.browser.msie) {
	browser = "IE";
} else if ($.browser.mozilla) {
	browser = "FF";
} else if ($.browser.opera) {
	browser = "OPERA";
} else if ($.browser.webkit) {
	browser = "CHROME";
}
var browserVersion = $.browser.version;			// �밸툕�쇱슦�몄쓽 踰꾩쟾
var offset = null;
var offsetTop = 0;
var offsetLeft = 0;

/** ARK 援ъ꽦�붿냼�� �꾩튂 諛� �ш린瑜� �꾨옒 蹂��섎� �듯빐 議곗젙��. **/
var IE6_TOP_OFFSET = -36;				// IE6 �� 寃쎌슦 TOP �듭뀑 媛� �ㅼ감 議곗젙
var IE6_LEFT_OFFSET = 20;				// IE6 �� 寃쎌슦 LEFT �듭뀑 媛� �ㅼ감 議곗젙
var IE7_TOP_OFFSET = -60;				// IE7 �� 寃쎌슦 TOP �듭뀑 媛� �ㅼ감 議곗젙
var IE7_LEFT_OFFSET = -18;				// IE7 �� 寃쎌슦 LEFT �듭뀑 媛� �ㅼ감 議곗젙
var IE8_TOP_OFFSET = 0;					// IE8 �� 寃쎌슦 TOP �듭뀑 媛� �ㅼ감 議곗젙
var IE8_LEFT_OFFSET = 0;				// IE8 �� 寃쎌슦 LEFT �듭뀑 媛� �ㅼ감 議곗젙
var FF_TOP_OFFSET = 0;
var FF_LEFT_OFFSET = 0;
var CHROME_TOP_OFFSET = 0;
var CHROME_LEFT_OFFSET = 0;
var OPERA_TOP_OFFSET = 0;
var OPERA_LEFT_OFFSET = 0;

/** ARK 援ъ꽦�붿냼�� �꾩튂 諛� �ш린瑜� �꾨옒 蹂��섎� �듯빐 議곗젙��. **/
//var arkWidth = 50;								// �먮룞�꾩꽦 �꾩껜 �볦씠 媛믪쓣 �ㅼ젙�쒕떎(蹂��숉룺).
//var arkTop = 0;								// �먮룞�꾩꽦 �곷떒�먯꽌�� �꾩튂 媛믪쓣 �ㅼ젙�쒕떎.
//var arkLeft = -1;								// �먮룞�꾩꽦 �쇱そ�먯꽌�� �꾩튂 媛믪쓣 �ㅼ젙�쒕떎.
//var arkImgTop = -10;								// �먮룞�꾩꽦 �붿궡�� �대�吏��� �곷떒�먯꽌 �꾩튂 媛믪쓣 �ㅼ젙�쒕떎.
//var arkImgLeft = 0;							// �먮룞�꾩꽦 �붿궡�� �대�吏��� �쇱そ�먯꽌 �꾩튂 媛믪쓣 �ㅼ젙�쒕떎.
//var tooltip01TopPos = 0;						// �먮룞�꾩꽦 湲곕뒫�꾧린 �댄똻�� �곷떒 湲곗� �꾩튂 �ㅼ감 議곗젙媛�
//var tooltip01LeftPos = -155;					// �먮룞�꾩꽦 湲곕뒫�꾧린 �댄똻�� 醫뚯륫 湲곗� �꾩튂 �ㅼ감 議곗젙媛�
//var tooltip02TopPos = 0;						// �먮룞�꾩꽦 湲곕뒫耳쒓린 �댄똻�� �곷떒 湲곗� �꾩튂 �ㅼ감 議곗젙媛�
//var tooltip02LeftPos = 0;						// �먮룞�꾩꽦 湲곕뒫耳쒓린 �댄똻�� 醫뚯륫 湲곗� �꾩튂 �ㅼ감 議곗젙媛�

//var keyFix = new beta.fix('query');

$(document).ready(function() {
	// �먮룞�꾩꽦 湲곕뒫 �ъ슜 �щ� �뺤씤 �쒕떎.
	if(getCookie("ark")=="off") {
		isArk = false;
		$(queryId).attr("autocomplete","on");
	} else {
		$(queryId).attr("autocomplete","off");
	}

	// 釉뚮씪�곗졇蹂� ARK �듭뀑 �ㅼ젙
	//setArkOffset('#');
	setArkOffset('#hsch_');

	// �먮룞�꾩꽦 &lt;div&gt; �앹꽦
	//drawArk('');
	drawArk('hsch_');

	// �먮룞�꾩꽦 �꾩튂 �ㅼ젙
	//setArkLocation('#');
	setArkLocation('#hsch_');

	// �먮룞�꾩꽦 �볦씠 諛� �믪씠 �ㅼ젙
	//setArkSize('#');
	setArkSize('#hsch_');



/*
	if ($.browser.opera || $.browser.mozilla) {
		//alert("oepra:" + $.browser.opera + " / mozilla:" + $.browser.mozilla);
		$(document).keydown(function(event) {
			var query = $(queryId).val();
			console.log('1');
			
			if (event.which == 38 || event.which == 40) {
				if (query != "") {
					showArk();
				}
				moveFocusEvent(event);
			} else {
				if ($(event.target).is(queryId)) {
					isKeydown = true;
					eventKeydown();
				}
			}
		});
	} else if ($.browser.msie || $.browser.webkit) {
					
		//alert("msie:" + $.browser.msie + " / webkit:" + $.browser.webkit);
		$(document).keyup(function(event) {
			var query = $(queryId).val();
			console.log('2');
			
			if (event.keyCode == 38 || event.keyCode == 40) {
				// �꾨옒(40), ��(38) 諛⑺뼢�� 議곗옉�쒖쓽 �대깽�� 泥섎━
				if (query != "") {
					showArk();
				}
				moveFocusEvent(event);
			} else if (event.keyCode == 16) {
			} else if (event.keyCode == 8 &amp;&amp; query == "") {
				$("#" + contentListId).html("");
				hideArk();
			} else {
				if ($(event.target).is(queryId)) {
					if (isArk &amp;&amp; $(queryId).val() != "") {
						if(datatype == "json") {
							requestArkJson($(queryId).val());
						} else if(datatype == "xml") {
							requestArkXml($(queryId).val());
						}
					} else if ($(queryId).val() == "") {
						hideArk();
					}
				}
			}
		});
	}
*/
	$('#topSearchKeyword, #hsch_topSearchKeyword').keyup(function(event){
		if($(this).attr('id') == 'topSearchKeyword'){
			contentListId = 'ark_content_list';
			footerId = 'ark_footer';
			wrapId = "ark_wrap";
		}else{
			contentListId = 'hsch_ark_content_list';
			footerId = 'hsch_ark_footer'; 
			wrapId = "hsch_ark_wrap";
		}

		queryId = '#'+$(this).attr('id');
		if (isArk &amp;&amp; $(queryId).val() != "") {
			if(datatype == "json") {
				requestArkJson($(queryId).val());
			} else if(datatype == "xml") {
				requestArkXml($(queryId).val());
			}
		} else if ($(queryId).val() == "") {
			hideArk();
		}
	});

	// Backspace �� ���� 泥섎━
	$(queryId).keyup(function(event) {
		if(event.keyCode == 8 &amp;&amp; $(this).val() == "") {
			$("#" + contentListId).html("");
			hideArk();
		}
	});
});

/************************************************
 * �먮룞�꾩꽦 寃곌낵 �붿껌
 * @name requestArk
 * @param query �ㅻ낫�� �낅젰�� 臾몄옄��
 ************************************************/
function requestArkJson(query) {
	jQuery.support.cors = true;

	cursorPos = -1;

	$.ajaxSetup({cache:false});
	$.ajax({
		url: transURL,
		type: "POST",
		dataType: "json",
		data: {"convert":g_oConvert, "target":target, "charset":charset, "query":query, "datatype": datatype},
		success: function(data) {
			
			var data = $.parseJSON(data.result);
			
			if(data.result.length &lt;= 0) {
				totalFwCount = 0;
				totalRwCount = 0;
			}

			var str = "";

			$.each(data.result, function(i, result) {
				var totalCount = parseInt(result.totalcount);
				if (i == 0) {
					totalFwCount = totalCount;
				} else {
					totalRwCount = totalCount;
				}

				if (totalCount &gt; 0) {
					// �뺣갑��, ��갑�� 援щ텇��
					if (i &gt; 0 &amp;&amp; totalFwCount &gt; 0 &amp;&amp; totalRwCount &gt; 0) {
						str += "&lt;li style=\"border-top:1px solid #f3f3f3;\" class='dir-line'&gt;&lt;/li&gt;";
					}

					// �먮룞�꾩꽦 由ъ뒪�� �ㅼ젙
					$.each(result.items, function(num,item){
						if (i != 0) {
							num = totalFwCount + num;
						}

						str += "&lt;li id=\"bg"+ wrapId + num + "\" onclick=\"onClickKeyword(" + num + ");\" onmouseover=\"onMouseOverKeyword(" + num + ");\"";
						str += " onmouseout=\"onMouseOutKeyword(" + num + ");\"&gt;&lt;button&gt;" + item.hkeyword;
						str += " &lt;span id=\"f"+ wrapId + num + "\" style=display:none;&gt;" + item.keyword + "&lt;/span&gt;";
						str += " &lt;span style=\"position:absolute; right:5px;\"&gt;" + showRankIcon(parseInt(item.count)) + "&amp;nbsp&lt;/span&gt;&lt;/button&gt;&lt;/li&gt;";
					});
				}
			});

			if ((totalFwCount + totalRwCount) == 0) {
				$("#" + contentListId).html("&lt;li&gt;�대떦 �⑥뼱濡� �쒖옉�섎뒗 寃��됱뼱媛� �놁뒿�덈떎.&lt;/li&gt;");
			} else {
				$("#" + contentListId).html(str);
			}
			
			setArkFooter();
			showArk();
		}
    });
}

/************************************************
 * jQuery Event Bubbling 諛⑹�瑜� �꾪븳 �⑥닔.
 * @name stopEventBubble
 * @param evt �섏씠吏� �대깽��
 ************************************************/
function stopEventBubble(evt) {
	var eventReference = (typeof evt !== "undefined") ? evt : event;
	//alert(eventReference.stopPropagation);

	if(eventReference.stopPropagation) {
		eventReference.stopPropagation();
	} else {
		eventReference.cancelBubble = true;
	}
}

/************************************************
 * �먮룞�꾩꽦 �ㅼ썙�� 紐⑸줉 異쒕젰�� �꾪븳 DIV �앹꽦
 * @name drawArk
 ************************************************/
function drawArk(val) {
	var str='';

	// �먮룞�꾩꽦 �묎린/�쇱묠 �대�吏� �앹꽦
	//str = "&lt;div id=\"" + arkDownId + "\" style=\"position:absolute; display:block; cursor:pointer;\"&gt;&lt;img id=\"" + imgDownId + "\" src=\"" + arkPath + "/images/ark/arrow_auto.gif\" alt=\"�먮룞�꾩꽦�쇱튂湲�\"&gt;&lt;/div&gt;";
	//str += "&lt;div id=\"" + arkUpId + "\" style=\"position:absolute; display:none; cursor:pointer;\"&gt;&lt;img id=\"" + imgUpId + "\" src=\"" + arkPath + "/images/ark/arrow_auto2.gif\" alt=\"�먮룞�꾩꽦�묎린\" &gt;&lt;/div&gt;";
	
	// �댄똻 �대�吏� �앹꽦
	//str += "&lt;div id=\"tooltip01\" style=\"position:absolute; display:none; cursor:pointer; z-index:999999;\"&gt;&lt;img id=\"tooltipIcon01\" src=\"" + arkPath +"/images/ark/tooltip_01.gif\" alt=\"�먮룞�꾩꽦�묎린\" /&gt;&lt;/div&gt;";

	// �먮룞�꾩꽦 寃곌낵 �앹꽦
	str += "&lt;div class=\"ark_wrap\" id=\"" + val+wrapId +"\"&gt;";
	str += "	&lt;ul&gt;";
	str += "		&lt;li class=\"ark_content\" &gt;";
	str += "			&lt;ul class=\"fl\" id=\"" + val+contentListId + "\"&gt;&lt;/ul&gt;";
	str += "		&lt;/li&gt;";
	str += "		&lt;li class=\"ark_footer\" id=\"" + val+footerId +"\"&gt;&lt;/li&gt;";
	str += "	&lt;/ul&gt;";
	str += "&lt;/div&gt;";
	$('#'+val+arkId).html(str);
}

/************************************************
 * Browser蹂꾨줈 湲곗��� Offset 媛믪쓣 �ㅼ젙
 * @name setArkOffset
 ************************************************/
function setArkOffset(val) {
	offset = $(val+queryId).position();
	offsetTop = offset.top;
	offsetLeft = offset.left;

	if (browser == "IE") {
		if (browserVersion == "6.0") {
			offsetTop = offsetTop + IE6_TOP_OFFSET;
			offsetLeft = offsetLeft + IE6_LEFT_OFFSET;
		} else if (browserVersion == "7.0") {
			offsetTop = offsetTop + IE7_TOP_OFFSET;
			offsetLeft = offsetLeft + IE7_LEFT_OFFSET;
			offsetTop = offsetTop - 2;
		} else if (browserVersion == "8.0") {
			offsetTop = offsetTop + IE8_TOP_OFFSET;
			offsetLeft = offsetLeft + IE8_LEFT_OFFSET;
		}
	} else if (browser == "FF") {
		offsetTop = offsetTop + FF_TOP_OFFSET;
		offsetLeft = offsetLeft + FF_LEFT_OFFSET;
	} else if (browser == "CHROME") {
		offsetTop = offsetTop + CHROME_TOP_OFFSET;
		offsetLeft = offsetLeft + CHROME_LEFT_OFFSET;
	} else if (browser == "OPERA") {
		offsetTop = offsetTop + OPERA_TOP_OFFSET;
		offsetLeft = offsetLeft + OPERA_LEFT_OFFSET;
	}
}

/************************************************
 * �먮룞�꾩꽦 DIV�� �꾩튂 �먮룞�ㅼ젙
 * @name setArkLocation
 ************************************************/
function setArkLocation(val) {
	var queryWidth = parseInt($(val+queryId).width());
	var queryHeight = parseInt($(val+queryId).height());
	if(val != '#'){
		arkWidth = 370;
	}else{
		arkWidth = 52;
	}
	
	// �먮룞�꾩꽦 �꾩껜 �꾩튂 �ㅼ젙
	$(val+arkId).css({"position" : "relative", "z-index":"999999", "top" : offsetTop + "px", "left" : offsetLeft + "px", "width" : (queryWidth + arkWidth ) + "px"});

	// ARK Wrap�� �꾩튂 �ㅼ젙
	$(val+wrapId).css({"position" : "absolute", "top" : arkTop, "left" : arkLeft});

	// �붿궡�� �リ린 �대�吏� �꾩튂 �ㅼ젙
	//$("#" + arkUpId).css({"top" : (arkImgTop - queryHeight) + "px"});
	//$("#" + arkUpId).css({"left" : ((queryWidth - 10) + arkImgLeft) + "px"});

	// �붿궡�� �닿린 �대�吏� �꾩튂 �ㅼ젙
	//$("#" + arkDownId).css({"top" : (arkImgTop - queryHeight) + "px"});
	//$("#" + arkDownId).css({"left" : ((queryWidth - 10) + arkImgLeft) + "px"});
	
	// �먮룞�꾩꽦�묎린 �댄똻 �대�吏� �꾩튂 �ㅼ젙
	$("#tooltip01").css({"top" : (offsetTop + tooltip01TopPos) + "px", "left" : (offsetLeft + queryWidth + tooltip01LeftPos) + "px"});
}

/************************************************
 * �먮룞�꾩꽦 DIV�� �볦씠/�믪씠 �먮룞�ㅼ젙
 * @name setArkSize
 ************************************************/
function setArkSize(val) {
	if(val != '#'){
		arkWidth = 370;
	}else{
		arkWidth = 52;	
	}
	
	var queryWidth = parseInt($(val+queryId).width());
	
	$(val+wrapId).css({"width" : (queryWidth + arkWidth) + "px"}); // �먮룞�꾩꽦 �볦씠 �ㅼ젙
	$(val+contentListId).css({"width" : (queryWidth + arkWidth) + "px"}); // �먮룞�꾩꽦 寃곌낵 由ъ뒪�� �볦씠 �ㅼ젙
	$(val+footerId).css({"width" : (queryWidth + arkWidth) + "px"}); // �먮룞�꾩꽦 �뗮꽣 �볦씠 �ㅼ젙
}




function requestArkXml(query) {
	jQuery.support.cors = true;

	cursorPos = -1;
	totalFwCount = 0;
	totalRwCount = 0;

	$.ajaxSetup({cache:false});
	$.ajax({
		url: transURL,
		type: "POST",
		dataType: "xml",
		data: {"convert":g_oConvert, "target":target, "charset":charset, "query":query, "datatype": datatype},
		success: function(data, xhr) {
			var str = "";
			
			alert(data);

			var $resultElement = $(data).find("Response").find("Value");
			var returnCode = $resultElement.find("Return").text();

			if (returnCode == 0) {
				if ($resultElement.find("ARKList").size() &lt;= 0) {
					totalFwCount = 0;
				} else {
					var totalCount = $resultElement.find("ARKList").find("TotalCount").text();
					totalFwCount = totalCount;
				}

				if ($resultElement.find("ARKRList").size() &lt;= 0) {
					totalRwCount = 0;
				} else {
					var totalCount = $resultElement.find("ARKRList").find("TotalCount").text();
					totalRwCount = totalCount;
				}

				// ARKList
				$resultElement.find("ARKList").each(function(idx) {
					$(this).find("ARK").each(function(idx) {
						var $ark = $(this);
						var hkeyword = $ark.attr("HKeyword");
						var keyword = $ark.attr("keyword");
						var count = $ark.attr("count");
						var type = $ark.attr("type");

						str += "&lt;li id=\"bg"+ idx +"\" onclick=\"onClickKeyword(" + idx + ");\" onmouseover=\"onMouseOverKeyword(" + idx + ");\"";
						/*str += " onmouseout=\"onMouseOutKeyword(" + idx + ");\"&gt;" + showSource(parseInt(type)) + "&amp;nbsp;&amp;nbsp;" + hkeyword;*/
						str += " onmouseout=\"onMouseOutKeyword(" + idx + ");\"&gt;&lt;button&gt;" + hkeyword;
						str += " &lt;span id=\"f" + idx +"\" style=display:none;&gt;" + keyword + "&lt;/span&gt;";
						str += " &lt;span style=\"position:absolute; right:0;\"&gt;" + showRankIcon(parseInt(count)) + "&amp;nbsp&lt;/span&gt;&lt;/button&gt;&lt;/li&gt;";
					});
				});

				if(totalFwCount &gt; 0 &amp;&amp; totalRwCount &gt; 0) {
					str += "&lt;li style=\"border-top:1px solid #f3f3f3; padding:0;\"&gt;&lt;/li&gt;";
				}

				// ARKRList
				$resultElement.find("ARKRList").each(function(idx) {
					$(this).find("ARK").each(function(i) {
						var nums = i + parseInt(totalFwCount);
						var $ark = $(this);
						var hkeyword = $ark.attr("HKeyword");
						var keyword = $ark.attr("keyword");
						var count = $ark.attr("count");
						var type = $ark.attr("type");

						str += "&lt;li id=\"bg"+ nums +"\" onclick=\"onClickKeyword(" + nums + ");\" onmouseover=\"onMouseOverKeyword(" + nums + ");\"";
						str += " onmouseout=\"onMouseOutKeyword(" + nums + ");\"&gt;&lt;button&gt;" + showSource(parseInt(type)) + "" + hkeyword;
						str += " &lt;span id=\"f" + nums +"\" style=display:none;&gt;" + keyword + "&lt;/span&gt;";
						str += " &lt;span style=\"position:absolute; right:0;\"&gt;" + showRankIcon(parseInt(count)) + "&amp;nbsp&lt;/span&gt;&lt;/button&gt;&lt;/li&gt;";
					});
				});

				if ((totalFwCount + totalRwCount) == 0) {
					$("#" + contentListId).html("&lt;li style=\"padding:6px 0 6px 10px;\"&gt;�대떦 �⑥뼱濡� �쒖옉�섎뒗 寃��됱뼱媛� �놁뒿�덈떎.&lt;/li&gt;");
				} else {
					$("#" + contentListId).html(str);
				}

				setArkFooter();
				showArk();
			}
		}
	});
}


var keyword = "";

/************************************************
 * 釉뚮씪�곗�媛� FireFox, Opera �� 寃쎌슦 �쒓� �낅젰
 * @name eventKeydown
 ************************************************/
function eventKeydown() {
	// 諛⑺뼢�� �대룞�� 硫붿냼�� �ㅽ뻾�� 以묒��쒗궓��.
	if(!isKeydown) {
		return;
	}

	if (keyword != $(queryId).val()) {
		keyword = $(queryId).val();
		if (keyword != "" &amp;&amp; isArk) {
			if(datatype == "json") {
				requestArkJson($(queryId).val());
			} else if(datatype == "xml") {
				requestArkXml($(queryId).val());
			}
		} else {
			hideArk();
		}
	}
	setTimeout("eventKeydown()", 20);
}


/************************************************
 * 諛⑺뼢�� �대깽�� 泥섎━
 * @name moveFocusEvent
 * @param event �섏씠吏� �대깽��
 ************************************************/
function moveFocusEvent(event) {
	isKeydown = false;

	if (event.keyCode == 38) {
		if (cursorPos==-1 || cursorPos==0) {
			cursorPos = -1;
			hideArk();
			$(queryId).val(tempQuery);
			tempQuery = "";
		} else {
			onMouseOutKeyword(cursorPos);
			cursorPos = cursorPos - 1;
			onMouseOverKeyword(cursorPos);
			$(queryId).val($("#f" + cursorPos).text());
		}
	} else if (event.keyCode == 40) {
		if(cursorPos == -1) {
			tempQuery = $(queryId).val();
		}
		if ((totalFwCount + totalRwCount) &gt; (cursorPos + 1)) {
			onMouseOutKeyword(cursorPos);
			cursorPos = cursorPos + 1;
			onMouseOverKeyword(cursorPos);
			$(queryId).val($("#f" + cursorPos).text());
		}
	}
}

/************************************************
 * MouseOver �� 寃쎌슦 �좏깮�� 諛곌꼍�� �ㅼ젙
 * @name onMouseOverKeyword
 * @param cursorNum 而ㅼ꽌�� �꾩튂 �몃뜳�� 媛�
 ************************************************/
function onMouseOverKeyword(cursorNum) {
	clearCursorPos();
	cursorPos = cursorNum;
	$("#bg"+ wrapId + cursorNum).css({"backgroundColor" : "#eeeeee"});
	$("#bg"+ wrapId + cursorNum).css({"cursor" : "pointer"});
}

/************************************************
 * MouseOut �� 寃쎌슦 �ㅼ젙�� 諛곌꼍�� 珥덇린��
 * @name onMouseOutKeyword
 * @param cursorNum 而ㅼ꽌�� �꾩튂 �몃뜳�� 媛�
 ************************************************/
function onMouseOutKeyword(curSorNum) {
	cursorPos = curSorNum;
	$("#bg"+ wrapId + cursorPos).css({"backgroundColor" : "#ffffff"});
}

/************************************************
 * 而ㅼ꽌 �꾩튂媛� 蹂�寃쎈맆 �뚮쭏�� �좏깮�섏� �딆� 遺�遺� 珥덇린��
 * @name clearCursorPos
 ************************************************/
function clearCursorPos() {
	for(var i=0; i&lt;(totalFwCount + totalRwCount); i++){
		$("#bg" + wrapId + i).css({"backgroundColor" : "#ffffff"});
	}
}

/************************************************
 * 留덉슦�� �대┃�� 寃��됱쓣 �섑뻾
 * @name onClickKeyword
 * @param cursorPos 而ㅼ꽌�� �꾩튂
 ************************************************/
function onClickKeyword(cursorPos) {
    $('#topSearchKeyword').val($("#f" + wrapId + cursorPos).text());
    $('#hsch_topSearchKeyword').val($("#f" + wrapId + cursorPos).text());
    //$(formName).submit();

	if(wrapId.indexOf('hsch_') == -1){
    	location.href = "/totalSearch.do?pWise=main&amp;pWiseMain=A3&amp;"+$(formName).serialize();	
	}
	hideArk(wrapId);
	return false;
}

/************************************************
 * �먮룞�꾩꽦 �곹깭瑜� �ㅼ젙
 * @name showArkGuide
 ************************************************/
function showArkGuide() {
	var str = "&lt;li style=\"line-height:145%; font-size:11px;\"&gt;";

	if (isArk) {
		str += "�꾩옱 寃��됱뼱 &amp;nbsp;&lt;strong&gt;�먮룞 異붿쿇 湲곕뒫&lt;/strong&gt;�� �ъ슜�섍퀬 �덉뒿�덈떎.&lt;br&gt;寃��됱뼱 �낅젰�� �먮룞�쇰줈 愿��⑥뼱瑜� 異붿쿇�⑸땲��.";
	} else {
		str += "&lt;strong&gt;�먮룞 異붿쿇 湲곕뒫&lt;/strong&gt;�� �ъ슜�� 蹂댁꽭��. &lt;label OnClick=\"setArkOn();\" style=\"cursor:pointer;color:#435fea;text-decoration:underline;\"&gt;湲곕뒫耳쒓린&lt;/label&gt;&lt;br&gt;寃��됱뼱 �낅젰�� �먮룞�쇰줈 愿��⑥뼱瑜� 異붿쿇�⑸땲��.";
	}

	str += "&lt;/li&gt;";

	$("#" + contentListId).html(str);

	$(queryId).trigger('click');
}

/************************************************
 * �먮룞�꾩꽦 Footer �앹꽦
 * @name setArkFooter
 ************************************************/
function setArkFooter() {
	var str = "";

	if (isArk &amp;&amp; $(queryId).val() != "" &amp;&amp; (totalFwCount + totalRwCount) &gt; 0 &amp;&amp; isListShow) {
		str += "&lt;div class=\"left\" style=\"padding:8px 0 0 5px; color:#888888;\"&gt;";

		if (g_oConvert == "fw") {
			str += "&lt;label OnClick=\"onConvert('rw','"+queryId+"');\" style=\"cursor:pointer;\"&gt;&lt;button&gt;�앸떒�� �붾낫湲�&lt;/button&gt;&lt;/label&gt;";
		} else if (g_oConvert == "rw") {
			str += "&lt;label OnClick=\"onConvert('fw','"+queryId+"');\" style=\"cursor:pointer;\"&gt;&lt;button&gt;泥ル떒�� �붾낫湲�&lt;/button&gt;&lt;/label&gt;";
		}

		str += "&lt;/div&gt;";
	}

	if (isArk) {
		str += "&lt;div class=\"right\" style=\"padding:8px 0 0 0; color:#888888;\"&gt;";
/*
		if ($(queryId).val() != "" &amp;&amp; isListShow) {
			//str += "&lt;label id=\"arkOff\" onmouseover=\"previewShow(event, this,'tooltip02');\" OnClick=\"setArkOff();\" style=\"cursor:pointer;\"&gt;湲곕뒫�꾧린&lt;/label&gt;";
			$("body").append("&lt;span style=\"display:none;\"&gt;&lt;div id=\"tooltip02\" style=\"position:absolute;\"&gt;&lt;img id=\"tooltipIcon02\" src=\"" + arkPath +"/images/ark/tooltip_02.gif\"/&gt;&lt;/div&gt;&lt;/span&gt;");
		} else {
			str += "&lt;label OnClick=\"showArk();\" style=\"cursor:pointer;\"&gt;�リ린&lt;/label&gt;";
			isListShow = true;
		}*/
		str += "&lt;label OnClick=\"hideArk('"+wrapId+"');\" style=\"cursor:pointer;\"&gt;&lt;button&gt;�リ린&lt;/button&gt;&lt;/label&gt;";
		isListShow = true;


		str += "&lt;/div&gt;";
	} else {
		str += "&lt;div class=\"right\" style=\"padding:8px 0 0 0; color:#888888;\"&gt;&lt;label OnClick=\"hideArk('"+wrapId+"');\" style=\"cursor:pointer;\"&gt;�リ린&lt;/label&gt;&lt;/div&gt;";
	}

	$("#" + footerId).html(str);
}

/************************************************
 * �먮룞�꾩꽦 紐⑸줉�� �붾㈃�� 蹂댁뿬以�
 * @name showArk
 ************************************************/
function showArk() {
  if(  $(queryId).val() != ""){
	    $("#" + wrapId).show();
	    //$("#" + arkUpId).show();
	    //$("#" + arkDownId).hide();
	}
}

/************************************************
 * �먮룞�꾩꽦 紐⑸줉�� �붾㈃�먯꽌 媛먯땄
 * @name hideArk
 ************************************************/
function hideArk(val) {

	$("#" + val).hide();
	//$("#" + arkUpId).hide();
	//$("#" + arkDownId).show();
}

/************************************************
 * �꾩�留� �앹뾽
 * @name openHelp
 ************************************************/
function openHelp() {
	window.open(arkPath + "/help/help_01.html", "�꾩�留�", "height=540,width=768,toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,directories=no,status=no");
}

/************************************************
 * �⑥뼱 �낅젰 �� �뺣갑��/��갑�� �대�吏� 踰꾪듉 �대┃�� �대깽�� 泥섎━
 * @name onConvert
 * @param convert
 ************************************************/
function onConvert(convert, val) {
	var query = $(val).val();

	if (convert == "fw") {
		g_oConvert = "fw";
	} else {
		g_oConvert = "rw";
	}

	if (datatype == "json") {
		requestArkJson(query);
	} else if (datatype == "xml") {
		requestArkXml(query);
	}

	return;
}

/************************************************
 * �먮룞�꾩꽦 湲곕뒫 �꾧린
 * @name setArkOff
 ************************************************/
function setArkOff() {
	$(queryId).attr("autocomplete", "on");
	isArk = false;

	var today = new Date();
	var expire_date = new Date(today.getTime() + 365*60*60*24*1000);
	setCookie("ark", "off", expire_date);
}

/************************************************
 * �먮룞�꾩꽦 湲곕뒫 耳쒓린
 * @name setARkOn
 ************************************************/
function setArkOn() {
	$(queryId).attr("autocomplete", "on");
	isArk = true;

	var today = new Date();
	var expireDate = new Date(today.getTime() - 60*60*24*1000);
	setCookie("ark", "on", expireDate);

	var query = $(queryId).val();
	if (query != "") {
		if(datatype == "json") {
			requestArkJson(query);
		} else if(datatype == "xml") {
			requestArkXml(query);
		}
		setArkFooter();
	}
}

/************************************************
 * 荑좏궎 �ㅼ젙媛믪쓣 ����
 * @name setCookie
 * @param name 荑좏궎 ��ぉ紐�
 * @param value 荑좏궎 ��ぉ�� 媛�
 * @param expire 荑좏궎 留뚮즺�쇱옄
 ************************************************/
function setCookie(name, value, expire) {
	var expire_date = new Date(expire);
	document.cookie = name + "=" + escape(value) + "; path=/; expires=" + expire_date.toGMTString();
}

/************************************************
 * 荑좏궎 �ㅼ젙媛믪쓣 濡쒕뱶
 * @name getCookie
 * @param name 荑좏궎 ��ぉ紐�
 ************************************************/
function getCookie(name) {
	var dc = document.cookie;
	var prefix = name + "=";
	var begin = dc.indexOf("; " + prefix);
	if (begin == -1) {
		begin = dc.indexOf(prefix);
		if (begin != 0) {
			return null;
		}
	} else {
		begin += 2;
	}

	var end = document.cookie.indexOf(";", begin);

	if (end == -1) {
		end = dc.length;
	}

	return unescape(dc.substring(begin + prefix.length, end));
}

/************************************************
 * �고듃 而щ윭 �ㅼ젙
 * @name showSource
 * @param count �깃툒 �덈꺼
 ************************************************/
function showSource(count) {
	var color;
	var ret;

	if (count &gt;= 0 &amp;&amp; count &lt;= 4) {
		color = "#989898";
	} else {
		color = "#CC6633";
	}

	if (count == 0 || count == 5) {
		ret = "&lt;span style='font-size:11px;font-family:�뗭�;color:"+color+"'&gt;�ъ쟾&lt;/span&gt;";
	} else if(count == 1 || count == 6) {
		ret = "&lt;span style='font-size:11px;font-family:�뗭�;color:"+color+"'&gt;�쇰컲&lt;/span&gt;"; //�됱씤
	} else if(count == 2 || count == 7) {
		ret = "&lt;span style='font-size:11px;font-family:�뗭�;color:"+color+"'&gt;�멸린&lt;/span&gt;";
	} else if(count == 3 || count == 8) {
		ret = "&lt;span style='font-size:11px;font-family:�뗭�;color:"+color+"'&gt;�뚮쭏&lt;/span&gt;";
	} else if(count == 4 || count == 9) {
		ret = "&lt;span style='font-size:11px;font-family:�뗭�;color:"+color+"'&gt;異붿쿇&lt;/span&gt;";
	} else {
		ret = "";
	}

	return ret;
}

/************************************************
 * 異붿쿇�� 由ъ뒪�� �곗륫�� Ranking �대�吏� 異쒕젰
 * @name showRankIcon
 * @param count ��겕 �먯닔
 ************************************************/
function showRankIcon(count) {
	var str;

	if (count &gt;= 0 &amp;&amp; count &lt;= 20) {
		str = "&lt;span style=\"font-size:9px;color:#CC6633\"&gt;|&lt;/span&gt;&lt;span style=\"font-size:9px;color:#C0C0C0\"&gt;||||&lt;/span&gt;";
	} else if(count &gt; 20 &amp;&amp; count &lt;= 40) {
		str = "&lt;span style=\"font-size:9px;color:#CC6633\"&gt;||&lt;/span&gt;&lt;span style=\"font-size:9px;color:#C0C0C0\"&gt;|||&lt;/span&gt;";
	} else if(count &gt; 40 &amp;&amp; count &lt;= 60) {
		str = "&lt;span style=\"font-size:9px;color:#CC6633\"&gt;|||&lt;/span&gt;&lt;span style=\"font-size:9px;color:#C0C0C0\"&gt;||&lt;/span&gt;";
	} else if(count &gt; 60 &amp;&amp; count &lt;= 80) {
		str = "&lt;span style=\"font-size:9px;color:#CC6633\"&gt;||||&lt;/span&gt;&lt;span style=\"font-size:9px;color:#C0C0C0\"&gt;|&lt;/span&gt;";
	} else if(count &gt; 80 &amp;&amp; count &lt;= 100) {
		str = "&lt;span style=\"font-size:9px;color:#CC6633\"&gt;|||||&lt;/span&gt;";
	} else {
		str = "&lt;span style=\"font-size:9px;color:#CC6633\"&gt;|||||&lt;/span&gt;";
	}
	
	str = '';
	return str;
}


var preview = "";
var gobj = "";

function attachEvent_(obj, evt, fuc, useCapture) {
	if (!useCapture) {
		useCapture = false;
	}

	if (obj.addEventListener) {
		// W3C DOM 吏��� 釉뚮씪�곗�
		return obj.addEventListener(evt,fuc,useCapture);
	} else if (obj.attachEvent) {
		// MSDOM 吏��� 釉뚮씪�곗�
		return obj.attachEvent("on"+evt, fuc);
	} else {
		// NN4 �� IE5mac �� 鍮� �명솚 釉뚮씪�곗�
		MyAttachEvent(obj, evt, fuc);
		obj['on'+evt]=function() { MyFireEvent(obj,evt) };
	}
}

function detachEvent_(obj, evt, fuc, useCapture) {
  if(!useCapture) useCapture=false;
  if(obj.removeEventListener) {
    return obj.removeEventListener(evt,fuc,useCapture);
  } else if(obj.detachEvent) {
    return obj.detachEvent("on"+evt, fuc);
  } else {
    MyDetachEvent(obj, evt, fuc);
    obj['on'+evt]=function() { MyFireEvent(obj,evt) };
  }
}

function MyAttachEvent(obj, evt, fuc) {
  if(!obj.myEvents) obj.myEvents= {};
  if(!obj.myEvents[evt]) obj.myEvents[evt]=[];
  var evts = obj.myEvents[evt];
  evts[evts.length]=fuc;
}

function MyFireEvent(obj, evt) {
  if(!obj.myEvents || !obj.myEvents[evt]) return;
  var evts = obj.myEvents[evt];
  for (var i=0;i&lt;len;i++) {
    len=evts.length;
    evts[i]();
  }
}

function previewShow(e, obj, pv) {
  preview=pv;
  gobj=obj;
  attachEvent_(obj, "mousemove", previewMove, false);
  attachEvent_(obj, "mouseout", previewHide, false);
}

function previewMove(e) {
  var hb = document.getElementById(preview);
  if(hb.parentElement) {
	  hb.parentElement.style.display="block";
  } else {
	  hb.parentNode.style.display="";
  }
  var evt = e ? e : window.event;
  var posx=0;
  var posy=0;

  if (evt.pageX || evt.pageY) { // pageX/Y �쒖� 寃���
    posx = evt.pageX +8;
    posy = evt.pageY +16;
  } else if (evt.clientX || evt.clientY) { //clientX/Y �쒖� 寃��� Opera
    posx = evt.clientX +10;
    posy = evt.clientY +20;
    if (window.event) { // IE �щ� 寃���
      posx += document.body.scrollLeft - 80;
      posy += document.body.scrollTop;
     }
  }

  hb.style.left = posx + "px";
  hb.style.top = posy + "px";
}

function previewHide() {
  var hb = document.getElementById(preview);
  if(hb.parentElement) hb.parentElement.style.display="none";
  else hb.parentNode.style.display="none";

  detachEvent_(gobj,"mousemove", previewMove, false);
}
</pre></body></html>