var CatID;
var elementID;
var num;

cat_tmp = CatID.substring(0,2);
cat_tmp2 = CatID.substring(0,2);

//ÀÌ¹ÌÁö ¼±ÅÃÇßÀ»¶§ ÇöÀç ¼±ÅÃ Ç¥½Ã
function sel_menu(){
	if(cat_tmp){
		if(cat_tmp == "11"){
			document.getElementById("nav1_1").src = "http://image.chosun.com/style/200910/gnb_menu1_on.gif";
		} else 	if(cat_tmp == "12"){
			document.getElementById("nav1_2").src = "http://image.chosun.com/style/200910/gnb_menu2_on.gif";
		} else	if(cat_tmp == "13"){
			document.getElementById("nav1_3").src = "http://image.chosun.com/style/200910/gnb_menu3_on.gif";
			if(cat_tmp2 == "131"){
				document.getElementById("nav2_3").style.display = "block";
				document.getElementById("nav1_31").src = "http://image.chosun.com/style/200910/gnb_menu31_on.gif";
			}
			
			if(cat_tmp2 == "132"){
			document.getElementById("nav2_3").style.display = "block";
			document.getElementById("nav1_32").src = "http://image.chosun.com/style/200910/gnb_menu32_on.gif";
			}		
		} else	if(cat_tmp == "14"){
			document.getElementById("nav1_4").src = "http://image.chosun.com/style/200910/gnb_menu4_on.gif";
		} else	if(cat_tmp == "15"){
			document.getElementById("nav1_5").src = "http://image.chosun.com/style/200910/gnb_menu5_on.gif";
		} else	if(cat_tmp == "16"){
			document.getElementById("nav1_6").src = "http://image.chosun.com/style/200910/gnb_menu6_on.gif";
		} else	if(cat_tmp == "17"){
			document.getElementById("nav1_7").src = "http://image.chosun.com/style/200910/gnb_menu7_on.gif";
		} else	if(cat_tmp == "18"){
			document.getElementById("nav1_8").src = "http://image.chosun.com/style/200910/gnb_menu8_on.gif";
		} 
	}
}

//ÀÌ¹ÌÁö¿¡ ¸¶¿ì½º ¿À¹öÇßÀ»¶§ ÇöÀç ¼±ÅÃ Ç¥½Ã 
function over_img(whichpic){
	elementID = whichpic.id;
	num = elementID.substring(5,7);
	whichpic.src = "http://image.chosun.com/style/200910/gnb_menu"+ num +"_on.gif";
	if(document.getElementById("nav2_" + num)){
		overMenu(num)
	}
}

//ÀÌ¹ÌÁö ¸®½ºÆ® ¸¶¿ì½º ¾Æ¿ôÇßÀ»¶§ ÇöÀç ¼±ÅÃ Ç¥½Ã ¾ø¾Ö°í ¼±ÅÃµÇ¾î ÀÖ´Â°ÍÀº Ç¥½Ã
function out_img(whichpic){
	elementID = whichpic.id;
	var num = elementID.substring(5,7);
	whichpic.src = "http://image.chosun.com/style/200910/gnb_menu"+ num +".gif";	
	if(document.getElementById("nav2_" + num)){
		outMenu(num)
	}
	sel_menu(); //nav1 ¼±ÅÃÈ°¼ºÈ­
}

//GNB Depth1 ¸¶¿ì½º ÀÌº¥Æ®
function onImgEvent(whichobj){
	var element = document.getElementById(whichobj);
	var element_links = element.getElementsByTagName("img");
	
	 for ( var i=0; i < element_links.length; i++) {
		element_links[i].onmouseover = function() {return over_img(this);}
		element_links[i].onmouseout = function() {return out_img(this);}
		
    	element_links[i].onfocus = element_links[i].onmouseover;
		element_links[i].onblur = element_links[i].onmouseout;
  	}
}

//GNB Depth2 ¸¶¿ì½º ÀÌº¥Æ®
function overMenu(num){
	document.getElementById("nav2_" + num).style.display = "block";
}
function outMenu(num){
	document.getElementById("nav2_" + num ).style.display = "none";
}

function onEvent(whichobj){
	var num = whichobj.substring(5,7);
	var element = document.getElementById(whichobj);
	element.style.display = "none";
	element.onmouseover = function() {return overMenu(num);}
	element.onmouseout = function() {return outMenu(num);}
	element.onfocus = element.onmouseover;
	element.onblur = element.onmouseout;
	sel_menu();// nav2 ¼±ÅÃÈ°¼ºÈ­
}

//°Ë»ö°ü·Ã
function handleEnter (kind, event) {
	var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
	if (keyCode == 13) {
			seachAction();
			return false;
	} else {
		return true;
	}
}

function seachAction(){
	if(!document.getElementById("searchForm")) return false;
	if(!document.getElementById("searchTerm")) return false;
	
	var searchForm = document.getElementById("searchForm");
	var searchTerm = document.getElementById("searchTerm");
	
	if(!searchTerm.value) return false;
	if (searchTerm.value){
		var url = "http://search.chosun.com/search/newsSearch.jsp";
		searchForm.setAttribute("action",url);
		searchForm.setAttribute("target","_blank");
		searchForm.submit();
	} else {
		alert("°Ë»ö¾î¸¦ ÀÔ·ÂÇÏ¼¼¿ä");
		searchTerm.focus();
		return ;
	}
}

function searchsubmit() {
	var q = document.searchForm.query;
	var sw;

	//window.open("http://search.chosun.com/search/newsSearch.jsp?categoryValue=Ä«¸®ºä&searchTerm=" + q.value);
	window.open("http://search.chosun.com/search/news.search?categoryname=%EC%8A%A4%ED%83%80%EC%9D%BC&query=" + encodeURIComponent(q.value));
	return true;

}

function goSearch() {
	var f = document.getElementById("id_searchForm");
	document.charset = "utf-8";
	f.submit();
	document.charset = 'euc-kr';
}

function handleEnter (kind, event) {
	var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;

	if (keyCode == 13) {
			searchsubmit();
			return false;
	} else {
		return true;
	}
}

document.write('\
<h1><a href="http://style.chosun.com"><img src="http://image.chosun.com/style/200910/logo_style.gif" alt="Style"></a><\/h1>\
<map name="logoMap">\
	<area shape="rect" coords="94,59,196,78" href="http://www.chosun.com" alt="chosun.com">\
	<area shape="rect" coords="0,0,195,78" href="http://style.chosun.com" alt="Style">\
<\/map>\
\
<div class="gnb_search">\
	<form method="get" name="searchForm" id="id_searchForm" action="http://search.chosun.com/search/total.search" target="_blank" accept-charset="utf-8" onsubmit="goSearch(); return false;">\
	<fieldset>\
		<legend>°Ë»ö<\/legend>\
		<span class="InputOutline"><input type="text"  id="query" name="query" class="searchTerm" title="°Ë»ö¾î ÀÔ·Â"></span><input type="image" src="http://image.chosun.com/style/200910/btn_search.gif" title="°Ë»ö"  onclick="searchsubmit();"><input type="hidden" name="pageconf" id="pageconf" value="total">\
	<\/fieldset>\
	<\/form>\
<\/div>\
\
<div class="gnb">\
	<ul id="gnb_menu1">\
	<li><a href="http://style.chosun.com/fashion/index.html"><img id="nav1_1" src="http://image.chosun.com/style/200910/gnb_menu1.gif" alt="FASHION"><\/a>\
		<!--<dl id="nav2_1">\
		<dd><\/dd>\
		<dd class="no_bi"><\/dd>\
		<\/dl>-->\
	<\/li>\
	<li><a href="http://style.chosun.com/beauty/index.html"><img id="nav1_2" src="http://image.chosun.com/style/200910/gnb_menu2.gif" alt="BEAUTY"><\/a>\
		<!--<dl id="nav2_2">\
		<dd><\/dd>\
		<dd class="no_bi"><\/dd>\
		<\/dl>-->\
	<\/li>\
	<li><a href="http://style.chosun.com/jwwt/index.html"><img id="nav1_3" src="http://image.chosun.com/style/200910/gnb_menu3.gif" alt="JEWELRY &amp; WATCH"><\/a>\
		<dl id="nav2_3">\
		<dd><a href="http://style.chosun.com/svc/list_in/article_list.html?catid=131"><img id="nav1_31" src="http://image.chosun.com/style/200910/gnb_menu31.gif" alt="Áê¾ó¸®"><\/a><\/dd>\
		<dd class="no_bi"><a href="http://style.chosun.com/svc/list_in/article_list.html?catid=132"><img id="nav1_32" src="http://image.chosun.com/style/200910/gnb_menu32.gif" alt="½Ã°è"><\/a><\/dd>\
		<\/dl>\
	<\/li>\
	<li><a href="http://style.chosun.com/lifestyle/index.html"><img id="nav1_4" src="http://image.chosun.com/style/200910/gnb_menu4.gif" alt="LIFESTYLE"><\/a>\
		<!--<dl id="nav2_4">\
		<dd><\/dd>\
		<dd class="no_bi"><\/dd>\
		<\/dl>-->\
	<\/li>\
	<li><a href="http://style.chosun.com/formen/index.html"><img id="nav1_5" src="http://image.chosun.com/style/200910/gnb_menu5.gif" alt="FOR MEN"><\/a>\
		<!--<dl id="nav2_5">\
		<dd><\/dd>\
		<dd class="no_bi"><\/dd>\
		<\/dl>-->\
	<\/li>\
	<li class="no_bi"><a href="http://style.chosun.com/feature/index.html"><img id="nav1_6" src="http://image.chosun.com/style/200910/gnb_menu6.gif" alt="FEATURE"><\/a>\
		<!--<dl id="nav2_6">\
		<dd><\/dd>\
		<dd class="no_bi"><\/dd>\
		<\/dl>-->\
	<\/li>\
	<\/ul>\
	\
	<ul id="gnb_menu2">\
	<li><a href="http://style.chosun.com/svc/list_in/article_list.html?catid=17"><img id="nav1_7" src="http://image.chosun.com/style/200910/gnb_menu7.gif" alt="Blogger news"><\/a><\/li>\
	<li><a href="http://365event.chosun.com/dzsvc/Event/evnt_list.php?site_seq=25"><img id="nav1_8" src="http://image.chosun.com/style/200910/gnb_menu8.gif" alt="Event"><\/a><\/li>\
	<\/ul>\
<\/div>\
<iframe src="http://style.chosun.com/include/gnbbnr/index.html"  title="ÇÁ·Î¸ð¼Ç ¹è³Ê" width="228" height="68" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" allowTransparency="true" class="gnb_promotion"><\/iframe>\
');

//GNB Depth1 ¸¶¿ì½º ÀÌº¥Æ® Àû¿ë
onImgEvent("gnb_menu1");
onImgEvent("gnb_menu2");

//GNB Depth2 ¸¶¿ì½º ÀÌº¥Æ® Àû¿ë
//onEvent("nav2_1");
//onEvent("nav2_2");
onEvent("nav2_3");
//onEvent("nav2_4");
//onEvent("nav2_5");
//onEvent("nav2_6");
