/* 1depth »ó´Ü ¸Þ´º ÀÌ¹ÌÁö ¸¶¿ì½º¿À¹ö¿Í ¿ÂÆ÷Ä¿½º ½Ã ÀÌº¥Æ®
-----------------------------------------------------------*/
function displaySub(id) {
	for(i=1 ; i<=8 ; i++) {
		if( document.getElementById("menu_"+i) ) {
			var img = document.getElementById("menu_"+i).getElementsByTagName("img").item(0);
			if( img.src.indexOf("_on.") > -1 ) img.src = img.src.replace("_on.gif", ".gif");
		
			var sub = document.getElementById("subnav_list"+i);
			if( sub ) {
				sub.style.display="none"

				var imgTag = sub.getElementsByTagName("img");
				for( var j = 0; j < imgTag.length ; j++ ) {
					var imgName = imgTag[j].src;
					if( imgName.indexOf("_on.") > -1 ) imgTag[j].src = imgName.replace("_on.gif",".gif");
				}
			}
		}
	}

if(document.getElementById("menu_"+id)!=null){
	imgName = document.getElementById("menu_"+id).getElementsByTagName("img").item(0).src;
	if( imgName.indexOf("_on.") < 0 ) {
		document.getElementById("menu_"+id).getElementsByTagName("img").item(0).src = imgName.replace(".gif","_on.gif");
	}
}
	if(document.getElementById("subnav_list"+id)) document.getElementById("subnav_list"+id).style.display="block";
}

/* 2depth »ó´Ü ¸Þ´º ÀÌ¹ÌÁö ¸¶¿ì½º ¿À¹ö½Ã ÀÌº¥Æ®
------------------------------------------------*/
function imageOver(anchor) {
	for(i=1 ; i<=8 ; i++) {	
		var sub = document.getElementById("subnav_list"+i);
		if( sub ) {
			var imgTag = sub.getElementsByTagName("img");
			for( var j = 0; j < imgTag.length ; j++ ) {
				var imgName = imgTag[j].src;
				if( imgName.indexOf("_on.") > -1 ) imgTag[j].src = imgName.replace("_on.gif",".gif");
			}
		}
	}

if(anchor!=null){
	var imgEl = anchor.getElementsByTagName("img").item(0);
	if( imgEl.src.indexOf("_on.gif") < 0 ) imgEl.src = imgEl.src.replace(".gif", "_on.gif");
}
}

/* »ó´Ü ¸Þ´ºÀÇ gnavigationºÎºÐÀÇ ÅØ½ºÆ®¸¦ ÀÌ¹ÌÁö·Î º¯È¯ÇØÁÖ´Â ÇÔ¼ö
-------------------------------------------------------------------*/
function initGNavigation() {
	// change top menu text to image
	topMenuEl = document.getElementById("gnavigation").getElementsByTagName("li");
	for (i=0; i<topMenuEl.length; i++) {
		var menuAnchor = topMenuEl[i].getElementsByTagName("a")[0];
		menuAnchor.innerHTML = "<img src=\"/img/navigation/global/global_sub/" + topMenuEl[i].className + ".gif\" alt=\"" + menuAnchor.innerHTML + "\"/>";
	}			
}

/* ¸ÞÀÎÆäÀÌÁö¿ë »ó´Ü ¸Þ´ºÀÇ gnavigationºÎºÐÀÇ ÅØ½ºÆ®¸¦ ÀÌ¹ÌÁö·Î º¯È¯ÇØÁÖ´Â ÇÔ¼ö
----------------------------------------------------------------------------------*/
function initMGNavigation() {
	// change top menu text to image
	topMenuEl = document.getElementById("m_gnavigation").getElementsByTagName("li");
	for (i=0; i<topMenuEl.length; i++) {
		var menuAnchor = topMenuEl[i].getElementsByTagName("a")[0];
		menuAnchor.innerHTML = "<img src=\"/img/navigation/global/" + topMenuEl[i].className + ".gif\" alt=\"" + menuAnchor.innerHTML + "\"/>";
	}
}

/* Sub Navigation JAVASCRIPT - ÀÌ¹ÌÁö on/off
-------------------------------------------------*/
function initSNavigation() {
	subMenuEl = document.getElementById("snavigation").getElementsByTagName("li");
	for (i=0; i<subMenuEl.length; i++) {
		var menuAnchor = subMenuEl[i].getElementsByTagName("a")[0];

		if( menuAnchor.getElementsByTagName("img").item(0) ) {
			menuAnchor.getElementsByTagName("img").item(0).onmouseover = menuOver;
			menuAnchor.getElementsByTagName("img").item(0).onmouseout = menuOut;
		}
	}
}

/* Side Navigation Depth4 JAVASCRIPT - ÀÌ¹ÌÁö on/off
-------------------------------------------------*/
var old_menu = '';
function menuclick(depth4) {
    if( old_menu != depth4 ) {
		if( old_menu !='' ) {
			document.getElementById(old_menu).style.display = 'none';
		}
    
		document.getElementById(depth4).style.display = 'block';
		old_menu = depth4;
    } else {
        document.getElementById(depth4).style.display = 'none';
        old_menu = '';
    }
}

/* Side Navigation Depth3 JAVASCRIPT - ÀÌ¹ÌÁö on/off
-------------------------------------------------*/
var old_menu3 = '';
function menuclick3(depth3) {
    if( old_menu3 != depth3 ) {
		if( old_menu3 !='' ) {
			document.getElementById(old_menu3).style.display = 'none';
		}
    
		document.getElementById(depth3).style.display = 'block';
		old_menu3 = depth3;
    } else {
        document.getElementById(depth3).style.display = 'none';
        old_menu3 = '';
    }
}

/* IMG ON/OFF SCRIPT - MOUSEOVER / MOUSEOUT
-------------------------------------------------*/
function menuOver() {
	this.src = this.src.replace(".gif", "_on.gif");
}
function menuOut() {
	this.src = this.src.replace("_on.gif", ".gif");
}

/* location ºÎºÐÀÇ XHTML¹®¿¡¼­ aÅÂ±×·Î ÆÄ½ÌÇÏ¿© »ó´Ü°ú ¼­ºêÁÂÃø¸Þ´º È°¼ºÈ­ÇÏ´Â ÇÔ¼ö
------------------------------------------------------------------------------------*/
function initLocation() {

	if (document.getElementById("location")) {
		loc = document.getElementById("location").getElementsByTagName("a");

		var num = 0;

		//header - 1depth menu
		for( var i = 1; i <= 5 ; i++ ) {
			var topMenuAlt = document.getElementById("menu_" + i).getElementsByTagName("img").item(0).alt;

			if( topMenuAlt == loc.item(0).innerHTML ) {
				displaySub(i);
				num=i;
				break;
			}
		}

		//header - 2depth menu
		if( num > 0 && loc.item(1) ) {
			var subNav = document.getElementById("subnav_list" + num).getElementsByTagName("li");

			for( var i = 0 ; subNav && i < subNav.length ; i++ ) {
				var topMenuAlt = subNav[i].getElementsByTagName("img").item(0).alt;

				if( topMenuAlt == loc.item(1).innerHTML ) {
					var subImg = subNav[i].getElementsByTagName("img").item(0);
					subImg.src = subImg.src.replace(".gif", "_on.gif");
					break;
				}
			}
		}

		if (document.getElementById("snavigation") && document.getElementById("snavigation").getElementsByTagName("li")) {
			subMenuLi = document.getElementById("snavigation").getElementsByTagName("li");

			for(i=0; i<subMenuLi.length; i++) {
				if( subMenuLi[i].getElementsByTagName("img").item(0) ) {
					subMenuText = subMenuLi[i].getElementsByTagName("img").item(0).alt;
					if (loc.item(1) && subMenuText == loc.item(1).innerHTML) {		// sub menu depth2
						if(subMenuLi[i].getElementsByTagName("img").item(0).src.indexOf("_on.gif") == -1) {
							subMenuLi[i].getElementsByTagName("img").item(0).onmouseover();
						}
						subMenuLi[i].getElementsByTagName("img").item(0).onmouseover = null;
						subMenuLi[i].getElementsByTagName("img").item(0).onmouseout = null;

						//3depth
						if (subMenuLi[i].getElementsByTagName("ul").item(0)) {
							subMenuLi[i].getElementsByTagName("ul").item(0).style.display = "block";

							subMenuLi2 = subMenuLi[i].getElementsByTagName("ul").item(0).getElementsByTagName("li");
							for(var j = 0 ; j < subMenuLi2.length ; j++ ) {
								subMenuText = subMenuLi2[j].getElementsByTagName("a").item(0).innerHTML;

								if (loc.item(2) && subMenuText == loc.item(2).innerHTML) {		// sub menu depth3
									subMenuLi2[j].getElementsByTagName("a").item(0).style.color = "#333";

									//4depth
									if (subMenuLi2[j].getElementsByTagName("ul").item(0)) {
										subMenuLi2[j].getElementsByTagName("ul").item(0).style.display = "block";

										subMenuLi3 = subMenuLi2[j].getElementsByTagName("ul").item(0).getElementsByTagName("li");
										for(var k = 0 ; k < subMenuLi3.length ; k++ ) {
											subMenuText = subMenuLi3[k].getElementsByTagName("a").item(0).innerHTML;

											if (loc.item(3) && subMenuText == loc.item(3).innerHTML) {	
												subMenuLi3[k].getElementsByTagName("a").item(0).style.color = "#333";

												//5depth
												if( subMenuLi3[k].getElementsByTagName("ul").item(0) ) {
													subMenuLi3[k].getElementsByTagName("ul").item(0).style.display = "block";
													subMenuLi4 = subMenuLi3[k].getElementsByTagName("ul").item(0).getElementsByTagName("li");
													for( var l = 0 ; l < subMenuLi4.length; l++ ) {
														subMenuText = subMenuLi4[l].getElementsByTagName("a").item(0).innerHTML;

														if( loc.item(4) && subMenuText == loc.item(4).innerHTML ) {
															subMenuLi4[l].getElementsByTagName("a").item(0).style.color = "#333";
														}
													}
													i += l - 1;
												}
											}
										}
										i += k - 1;
									}
								}
							}
							i += j - 1;
						}
					}
				}
			}
		}
	}
}