/* ¸Þ´º °¹¼ö ¼öÁ¤ */
var gnbMenuCnt = 6;

/* ¸ÞÀÎ ¸Þ´º ½ÃÀÛ
-------------------------------------------------*/
function displaySub(id) {
	for(i=1 ; i<=gnbMenuCnt ; 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");
			}
		}
	}

	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)) {
		//var leftVal='0px';
		switch(id){
			case(1):
				leftVal	= '0px';
				break;
			case(2):
				leftVal	= '100px';
				break;
			case(3):
				leftVal	= '180px';
				break;
			case(4):
				leftVal	= '250px';
				break;
			case(5):
				leftVal	= '350px';
				break;
			case(6):
				leftVal	= '650px';
				break;
		}
		//alert(id);
		document.getElementById("subnav_list"+id).style.left=leftVal;
		document.getElementById("subnav_list"+id).style.display="inline-block";
	}
	
}




/* 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");
}

function imageOver(anchor) {
	for(i=1 ; i<=gnbMenuCnt ; i++) {	
		var sub = document.getElementById("subnav_list"+i);
		if( sub ) {
			var imgTag = sub.getElementsByTagName("a");
			for( var j = 0; j < imgTag.length ; j++ ) {
				imgTag[j].className = "out";
			}
		}
	}

	anchor.className = "over";
}
function imageOut(anchor) {
	var imgEl = anchor.getElementsByTagName("img").item(0);
	if( imgEl.src.indexOf("_on.gif") > -1 ) imgEl.src = imgEl.src.replace("_on.gif", ".gif");
}



/* Navigation JAVASCRIPT -
-------------------------------------------------*/

/* Global Navigation JAVASCRIPT - À̹ÌÁö on/off
-------------------------------------------------*/
function initGNavigation() {
	// change top menu text to image
	topMenuEl = document.getElementById("gnavigation").getElementsByTagName("dd");
	for (i=0; i<topMenuEl.length; i++) {
		var menuAnchor = topMenuEl[i].getElementsByTagName("a")[0];
		menuAnchor.innerHTML = "<img src=\"/image/top/" + topMenuEl[i].className + ".gif\" alt=\"" + menuAnchor.innerHTML + "\"/>";
	}
}


/* Sub Navigation JAVASCRIPT - À̹ÌÁö on/off
-------------------------------------------------*/
function initSNavigation() {
	

	subMenuEl = document.getElementById("gnavigation").getElementsByTagName("dd");
	for (i=0; i<subMenuEl.length; i++) {
		var menuAnchor = subMenuEl[i].getElementsByTagName("a")[0];

		if( menuAnchor.getElementsByTagName("img").item(0) ) {
			//menuAnchor.innerHTML = "<img src=\"/open_content/img/navigation/sub/" + subMenuEl[i].className + ".gif\" alt=\"" + menuAnchor.innerHTML + "\" />";
			menuAnchor.getElementsByTagName("img").item(0).onmouseover = menuOver;
			menuAnchor.getElementsByTagName("img").item(0).onmouseout = menuOut;
		}
	}
}


/* Side Navigation Depth5 JAVASCRIPT - À̹ÌÁö on/off
-------------------------------------------------*/
var old_menu5 = '';
function menuclick5(depth5) {
    if( old_menu5 != depth5 ) {
		if( old_menu5 !='' ) {
			document.getElementById(old_menu5).style.display = 'none';
		}
    
		document.getElementById(depth5).style.display = 'block';
		old_menu3 = depth5;
    } else {
        document.getElementById(depth5).style.display = 'none';
        old_menu3 = '';
    }
}

/* 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 = '';
    }
}



/* Side Navigation Depth6 JAVASCRIPT - À̹ÌÁö on/off
-------------------------------------------------*/
var old_menu6 = '';
function menuclick6(depth6) {
    if( old_menu6 != depth6 ) {
		if( old_menu6 !='' ) {
			document.getElementById(old_menu6).style.display = 'none';
		}
    
		document.getElementById(depth6).style.display = 'block';
		old_menu = depth6;
    } else {
        document.getElementById(depth6).style.display = 'none';
        old_menu = '';
    }
}

/* Navigation JAVASCRIPT -
-------------------------------------------------*/


/* Global Navigation Action JAVASCRIPT 
-------------------------------------------------*/
var currentMenu;	// current shown menu (mouse over)
var focusMenu;	// current page menu
var menu = new Array();	// each menu array

function initNavigation(seq) {
	for(i=1; i<gnbMenuCnt; i++) {
		menu[i] = document.getElementsBySelector("#gnavigation li.menu0" + i)[0];
		//menu[i].onmouseover = navigationOver;
		//menu[i].onfocus = navigationOver;
		//menu[i].onmouseout = navigationOut;
		//menu[i].onblur = navigationOut;

		menu[i].submenu = document.getElementsBySelector("#gnavigation li.menu0" + i +" ul.depth2")[0];
		menu[i].submenu.menu = menu[i];
		menu[i].submenu.onmouseover = subOver;
		menu[i].submenu.onfocus = subOver;
	}
}
function initFocus() {		// current page menu focusing
	if (focusMenu) {
		currentMenu = focusMenu;
	} else {
		currentMenu = null;
	}
	showSubmenu();
}
function navigationOver() {		// onmouseover
	hideSubmenu();
	if (focusMenu) {
		focusMenu.submenu.style.display = "none";
	}
	currentMenu = this;
	showSubmenu();
}
function navigationOut() {		// onmouseout
	this.isMenuOver = false;
	setTimeout("hideSubmenu()", 500);
}
function showSubmenu() {
	if (currentMenu) {
		currentMenu.submenu.style.display = "block";
		currentMenu.isMenuOver = true;
	}
}
function hideSubmenu() {
	if (currentMenu && !currentMenu.isMenuOver) {
		currentMenu.submenu.style.display = "none";
		currentMenu.isMenuOver = false;
		initFocus();
	}
}
function subOver() {
	this.menu.isMenuOver = true;
}


/* Location Current JAVASCRIPT -
-------------------------------------------------*/
function initLocation(str) {
	var i;
	if(str == "sub06") displaySub(1);
	if(str == "sub01") displaySub(2);
	if(str == "sub02") displaySub(3);
	if(str == "sub04") displaySub(4);
	if(str == "sub05") displaySub(5);
	if(str == "sub03") displaySub(6);

}