// GNB
function gnbNavi() {
	var gnbNavi = document.getElementById("gnb");
	subMenu = gnbNavi.getElementsByTagName("ul");
	for (i=0; i<subMenu.length; i++) {
		subMenu[i].style.display = "none";						// ÀüÃ¼ ¼­ºê·¹ÀÌ¾î ¼û±è.

		subLink = subMenu[i].getElementsByTagName("a");
		for (m=0; m<subLink.length; m++) {						// ¼­ºê¸Þ´º ÀÌ¹ÌÁö ·Ñ¿À¹ö
			thismenu = subLink[m];
			thismenu.onmouseover = function() {
				subImage = this.getElementsByTagName("img")[0];
				if (subImage.src.indexOf("_over.gif") != -1) return false;
				subImage.src = subImage.src.replace(".gif","_over.gif");
			}
			subLink[m].onfocus = function() {
				subImage = this.getElementsByTagName("img")[0];
				if (subImage.src.indexOf("_over.gif") != -1) return false;
				subImage.src = subImage.src.replace(".gif","_over.gif");
			}
			subLink[m].onmouseout = function() {
				subImage = this.getElementsByTagName("img")[0];
				subImage.src = subImage.src.replace("_over.gif",".gif");
			}			
			subLink[m].onblur = function() {
				subImage = this.getElementsByTagName("img")[0];
				subImage.src = subImage.src.replace("_over.gif",".gif");
			}
		}
	}

	var gnbmenu = gnbNavi.getElementsByTagName("li");
	for (j=0; j<gnbmenu.length; j++) {
		if (gnbmenu[j].className == "gnb_menu") {
			thismenu = gnbmenu[j].getElementsByTagName("a")[0];
			thismenu.onmouseover = function() {
				subMenu = gnbNavi.getElementsByTagName("ul");
				for (k=0; k<subMenu.length; k++) {
					subMenu[k].style.display = "none";
					subMenu[k].parentNode.style.zIndex = "0";
				}
				
				gnbImg = gnbNavi.getElementsByTagName("img");
				for (l=0; l<gnbImg.length; l++) {
					if (gnbImg[l].src.indexOf("_over.gif") != -1 ){
						gnbImg[l].src = gnbImg[l].src.replace("_over.gif",".gif");
					}
				}

				this.getElementsByTagName("img")[0].src = this.getElementsByTagName("img")[0].src.replace(".gif","_over.gif");
				if (!this.parentNode.getElementsByTagName("ul")[0]) return false;
				this.parentNode.getElementsByTagName("ul")[0].style.display = "";
				this.parentNode.getElementsByTagName("ul")[0].parentNode.style.zIndex = "1";
				
			}
			thismenu.onfocus = function() {
				subMenu = gnbNavi.getElementsByTagName("ul");
				for (k=0; k<subMenu.length; k++) {
					subMenu[k].style.display = "none";
					subMenu[k].parentNode.style.zIndex = "0";
				}

				gnbImg = gnbNavi.getElementsByTagName("img");
				for (l=0; l<gnbImg.length; l++) {
					if (gnbImg[l].src.indexOf("_over.gif") != -1 ){
						gnbImg[l].src = gnbImg[l].src.replace("_over.gif",".gif");
					}
				}

				this.getElementsByTagName("img")[0].src = this.getElementsByTagName("img")[0].src.replace(".gif","_over.gif");
				if (!this.parentNode.getElementsByTagName("ul")[0]) return false;
				this.parentNode.getElementsByTagName("ul")[0].style.display = "";
				this.parentNode.getElementsByTagName("ul")[0].parentNode.style.zIndex = "1";
			}
		}
	}	
}

