// GNB
function gnbNavi() {
	var gnbNavi = document.getElementById("gnb");
	var subMenu = gnbNavi.getElementsByTagName("ul");
	for (var i=0; i<subMenu.length; i++) {
		subMenu[i].style.display = "none"; // Àüü ¼­ºê·¹ÀÌ¾î ¼û±è.

		// ¼­ºê¸Þ´º À̹ÌÁö ·Ñ¿À¹ö
		var subLink = subMenu[i].getElementsByTagName("a");
		for (var m=0; m<subLink.length; m++) {
			thismenu = subLink[m];
			thismenu.onmouseover = thismenu.onfocus = function() {
				var subImage = this.getElementsByTagName("img")[0];
				if(subImage){
					if(subImage.src.indexOf('_on.gif') == -1) subImage.src = subImage.src.replace("_off.gif","_on.gif");
				}else{
					addClass(this.parentNode, "over");
				}
			}
			thismenu.onmouseout =thismenu.onblur = function() {
				var subImage = this.getElementsByTagName("img")[0];
				if(subImage){
					if(subImage.src.indexOf('_on.gif') != -1) subImage.src = subImage.src.replace("_on.gif","_off.gif");
				}else{
					removeClass(this.parentNode, "over");
				}
			}
		}
	}

	var gnbMenu = gnbNavi.getElementsByTagName("li");
	var gnbMenuActive = "undefined";
	for (var 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 (var k=0; k<subMenu.length; k++) {
					subMenu[k].style.display = "none";
					subMenu[k].parentNode.style.zIndex = "0";
					if(gnbMenuActive != "undefined")
						removeClass(gnbMenuActive, "gnbover");
				}
				
				gnbImg = gnbNavi.getElementsByTagName("img");
				for (var l=0; l<gnbImg.length; l++) {
					if(gnbImg[l]){
						if (gnbImg[l].src.indexOf("_on.png") != -1 ) gnbImg[l].src = gnbImg[l].src.replace("_on.png","_off.png");
					}else{
						addClass(this, "over");
					}
				}

				if(this.getElementsByTagName("img")[0]){
					this.getElementsByTagName("img")[0].src = this.getElementsByTagName("img")[0].src.replace("_off.png","_on.png");
				}else{
					addClass(this, "gnbover");
					gnbMenuActive = this;
				}
				if (!this.parentNode.getElementsByTagName("ul")[0]) return false;
				this.parentNode.getElementsByTagName("ul")[0].style.display = "block";
				this.parentNode.getElementsByTagName("ul")[0].parentNode.style.zIndex = "1";
			}
			
			thismenu.onfocus = function() {
				subMenu = gnbNavi.getElementsByTagName("ul");
				for (var k=0; k<subMenu.length; k++) {
					subMenu[k].style.display = "none";
					subMenu[k].parentNode.style.zIndex = "0";
				}
				
				gnbImg = gnbNavi.getElementsByTagName("img");
				for (var l=0; l<gnbImg.length; l++) {
					if(gnbImg[l]){
						if (gnbImg[l].src.indexOf("_on.png") != -1 ) gnbImg[l].src = gnbImg[l].src.replace("_on.png","_off.png");
					}else{
						removeClass(this, "over");
					}
				}

				if(this.getElementsByTagName("img")[0])
					this.getElementsByTagName("img")[0].src = this.getElementsByTagName("img")[0].src.replace("_off.png","_on.png");
				if (!this.parentNode.getElementsByTagName("ul")[0]) return false;
				this.parentNode.getElementsByTagName("ul")[0].style.display = "block";
				this.parentNode.getElementsByTagName("ul")[0].parentNode.style.zIndex = "1";
			}
			
		}
	}	
}