//À̹ÌÁö·Ñ¿À¹ö

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}



// top menu action
var currentMenu;	// current shown menu (mouse over)
var focusMenu;	// current page menu
var menu = new Array();	// each menu array

// image roll
function menuOver() {
	this.src = this.src.replace(".gif", "_on.gif");
}

function menuOut() {
	this.src = this.src.replace("_on.gif", ".gif");
}




//±Û·Î¹ú ³×ºñ°ÔÀ̼Ç(2Depth ¸Þ´º±×·ì)¿¡ ´ëÇÑ ¸¶¿ì½º ¶Ç´Â Å°º¸µå ¹ÝÀÀ(º¸ÀÓ/¼û±è)¼³Á¤

function menuD2block(id) {
	for(num=1; num<=6; num++) document.getElementById('D2MG'+num).style.display='none'; //D2MG1~D2MG6 ±îÁö ¼û±ä ´ÙÀ½
	document.getElementById(id).style.display='block'; //ÇØ´ç ID¸¸ º¸ÀÓ	 
}

// ÇöÀç ÆäÀÌÁöÀÇ ¸Þ´º »óÅ ǥ½Ã(ÆíÀÇ»ó ¸ðµÎ ¾ð´õ¶óÀÎÀ¸·Î ¼³Á¤µÇ¾î ÀÖÀ¸¸ç body onLoad ½Ã ½ÇÇàµÊ) 
function menuD1on(id) {
	document.getElementById(id).style.textDecoration='underline';
}
function menuD2on(id) {
	document.getElementById(id).style.textDecoration='underline';
}
function menuD3on(id) {
	document.getElementById(id).style.textDecoration='underline';
}
function menuD4on(id) {
	document.getElementById(id).style.textDecoration='underline';
}
function menuD5on(id) {
	document.getElementById(id).style.textDecoration='underline';
}
function menuD6on(id) {
	document.getElementById(id).style.textDecoration='underline';
}


//·ÎÄà ³×ºñ°ÔÀ̼Ç(4Depth ¸Þ´º±×·ì)¿¡ ´ëÇÑ ¸¶¿ì½º ¶Ç´Â Å°º¸µå ¹ÝÀÀ(º¸ÀÓ/¼û±è)¼³Á¤
function menuD4MGblock(id) {
	/*for(num=1; num<=9; num++) document.getElementById('D4MG'+num).style.display='none'; //D4MG1~D4MG4 ±îÁö ¼û±ä ´ÙÀ½
	document.getElementById(id).style.display='block'; //ÇØ´ç ID¸¸ º¸ÀÓ
	document.getElementById('D4MG2').style.display='none'; //ÇØ´ç ID¸¸ º¸ÀÓ
	document.getElementById('D4MG3').style.display='none'; //ÇØ´ç ID¸¸ º¸ÀÓ
	document.getElementById('D4MG4').style.display='none'; //ÇØ´ç ID¸¸ º¸ÀÓ
	document.getElementById('D4MG5').style.display='none'; //ÇØ´ç ID¸¸ º¸ÀÓ	
	document.getElementById('D4MG6').style.display='none'; //ÇØ´ç ID¸¸ º¸ÀÓ	
	document.getElementById('D4MG8').style.display='none'; //ÇØ´ç ID¸¸ º¸ÀÓ	
	document.getElementById('D4MG9').style.display='none'; //ÇØ´ç ID¸¸ º¸ÀÓ	
	*/
}
function menuD3MGblock(id) {
	var D3Arr = new Array();
	D3Arr = document.getElementsBySelector("#sub_navi ul.depth3");
	for(i=0; i<D3Arr.length; i++) document.getElementsBySelector("#sub_navi ul.depth3")[i].style.display = "none";
	if(document.getElementById(id).getElementsByTagName("ul").item(0)) document.getElementById(id).getElementsByTagName("ul").item(0).style.display = "block";
}




/**
 * ¸Þ´º, ÇöÀçÀ§Ä¡ ½ºÅ©¸³Æ®
 */
 
// convert menu text to image
function initTopNavigation() {
	
	// change top menu text to image
	topMenuEl = document.getElementById("top_navi").getElementsByTagName("li");
	
	for (i=0; i<topMenuEl.length; i++) {
		var menuAnchor = topMenuEl[i].getElementsByTagName("a")[0];
		menuAnchor.innerHTML = "<img src=\"/foreign/family/images/jpn/menu/" + topMenuEl[i].id + ".gif\" alt=\"" + menuAnchor.innerHTML + "\" />";
		menuAnchor.getElementsByTagName("img").item(0).onmouseover = menuOver;
		menuAnchor.getElementsByTagName("img").item(0).onmouseout = menuOut;
	}
	
	// remove slashed background image of first menu item
	/*
	topMenuD2El = document.getElementsBySelector("#top_navi ul.depth2");
	
	for (i=0; i<topMenuD2El.length; i++) {
		topMenuD2El[i].getElementsByTagName("li").item(0).style.background = "none";
	}
	*/
}

function initSubNavigation() {
	subMenuEl = document.getElementById("sub_navi").getElementsByTagName("li");

	for (i=0; i<subMenuEl.length; i++) {
		var menuAnchor = subMenuEl[i].getElementsByTagName("a")[0];
		menuAnchor.innerHTML = "<img src=\"/foreign/family/images/jpn/menu/" + subMenuEl[i].id + ".gif\" alt=\"" + menuAnchor.innerHTML + "\" />";
		menuAnchor.getElementsByTagName("img").item(0).onmouseover = menuOver;
		menuAnchor.getElementsByTagName("img").item(0).onmouseout = menuOut;
	}
}



// get location and set current menu focus
function initLocation() {
	initNavigation();
	if (document.getElementById("location")) {
		loc = document.getElementById("location").getElementsByTagName("a");
		if (document.getElementById("top_navi") && document.getElementById("top_navi").getElementsByTagName("li")) {
			topMenuLi = document.getElementById("top_navi").getElementsByTagName("li");
			
			for(j=0; j<topMenuLi.length; j++) {
				topMenuText = topMenuLi[j].getElementsByTagName("img").item(0).alt;
				if (loc.item(1) && topMenuText == loc.item(1).innerHTML) {		// top menu depth1
					//focusMenu = menu[topMenuLi[j].className.substr(topMenuLi[j].className.length-1, 1)];
					focusMenu = menu[topMenuLi[j].id.substr(topMenuLi[j].id.length-1, 1)];
					initFocus();
					if (currentMenu.getElementsByTagName("img").item(0).src.indexOf("_on.gif") == -1) {
						currentMenu.getElementsByTagName("img").item(0).onmouseover();
					}
					currentMenu.getElementsByTagName("img").item(0).onmouseover = null;
					currentMenu.getElementsByTagName("img").item(0).onmouseout = null;
				}
				if (loc.item(2) && topMenuText == loc.item(2).innerHTML) {		// top menu depth2
					topMenuLi[j].getElementsByTagName("img").item(0).onmouseover();
					topMenuLi[j].getElementsByTagName("img").item(0).onmouseover = null;
					topMenuLi[j].getElementsByTagName("img").item(0).onmouseout = null;
				}
			}
		}
		
		if (document.getElementById("sub_navi") && document.getElementById("sub_navi").getElementsByTagName("li")) {
			subMenuLi = document.getElementById("sub_navi").getElementsByTagName("li");
			for(i=0; i<subMenuLi.length; i++) {
				subMenuText = subMenuLi[i].getElementsByTagName("img").item(0).alt;
				if (loc.item(2) && subMenuText == loc.item(2).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;
					if (subMenuLi[i].getElementsByTagName("ul").item(0)) {
						subMenuLi[i].getElementsByTagName("ul").item(0).style.display = "block";
					}
				}
				if (loc.item(3) && subMenuText == loc.item(3).innerHTML) {		// sub menu depth3
					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;
				}
			}
		}
	}
}

function initNavigation(seq) {
	
	for(i=1; i<7; i++) {
		//menu[i] = document.getElementsBySelector("#top_navi li.menu-" + i)[0];
		menu[i] = document.getElementsBySelector("#top_navi #D1M" + i)[0]
		menu[i].onmouseover = navigationOver;
		menu[i].onmouseout = navigationOut;
		//menu[i].submenu = document.getElementsBySelector("#top_navi li.menu-" + i +" ul.depth2")[0];
		menu[i].submenu = document.getElementsBySelector("#top_navi #D2MG" + i)[0];
		menu[i].submenu.menu = menu[i];
		menu[i].submenu.onmouseover = subOver;
	}
}

function navigationOver() {		// onmouseover
	hideSubmenu();
	if (focusMenu) {
		focusMenu.submenu.style.display = "none";
	}
	currentMenu = this;
	showSubmenu();
//	document.getElementById("body").innerHTML = document.getElementById("body").innerHTML + "nav over<br>"
}

function navigationOut() {		// onmouseout
	this.isMenuOver = false;
	setTimeout("hideSubmenu()", 500);
}

function subOver() {
	this.menu.isMenuOver = true;
}

function hideSubmenu() {
	if (currentMenu && !currentMenu.isMenuOver) {
		currentMenu.submenu.style.display = "none";
		currentMenu.isMenuOver = false;
		initFocus();
	}
}

function initFocus() {		// current page menu focusing
	if (focusMenu) {
		currentMenu = focusMenu;
	} else {
		currentMenu = null;
	}
	showSubmenu();
}

function showSubmenu() {
	if (currentMenu) {
		currentMenu.submenu.style.display = "block";
		currentMenu.isMenuOver = true;
	}
}
 
function getAllChildren(e) {
	// Returns all children of element. Workaround required for IE5/Windows. Ugh.
	return e.all ? e.all : e.getElementsByTagName('*');
}

document.getElementsBySelector = function(selector) {
	// Attempt to fail gracefully in lesser browsers
	if (!document.getElementsByTagName) {
		return new Array();
	}

	// Split selector in to tokens
	var tokens = selector.split(' ');
	var currentContext = new Array(document);

	for (var i = 0; i < tokens.length; i++) {
		token = tokens[i].replace(/^\s+/,'').replace(/\s+$/,'');;
		if (token.indexOf('#') > -1) {
			// Token is an ID selector
			var bits = token.split('#');
			var tagName = bits[0];
			var id = bits[1];
			var element = document.getElementById(id);
			if (tagName && element.nodeName.toLowerCase() != tagName) {
				// tag with that ID not found, return false
				return new Array();
			}
			// Set currentContext to contain just this element
			currentContext = new Array(element);
			continue; // Skip to next token
		}

		if (token.indexOf('.') > -1) {
			// Token contains a class selector
			var bits = token.split('.');
			var tagName = bits[0];
			var className = bits[1];
			if (!tagName) {
				tagName = '*';
			}
			// Get elements matching tag, filter them for class selector
			var found = new Array;
			var foundCount = 0;
			for (var h = 0; h < currentContext.length; h++) {
				var elements;
				if (tagName == '*') {
						elements = getAllChildren(currentContext[h]);
				} else {
						elements = currentContext[h].getElementsByTagName(tagName);
				}
				for (var j = 0; j < elements.length; j++) {
					found[foundCount++] = elements[j];
				}
			}
			currentContext = new Array;
			var currentContextIndex = 0;
			for (var k = 0; k < found.length; k++) {
				if (found[k].className && found[k].className.match(new RegExp('\\b'+className+'\\b'))) {
					currentContext[currentContextIndex++] = found[k];
				}
			}
			continue; // Skip to next token
		}
		// Code to deal with attribute selectors
		if (token.match(/^(\w*)\[(\w+)([=~\|\^\$\*]?)=?"?([^\]"]*)"?\]$/)) {
			var tagName = RegExp.$1;
			var attrName = RegExp.$2;
			var attrOperator = RegExp.$3;
			var attrValue = RegExp.$4;
			if (!tagName) {
				tagName = '*';
			}
			// Grab all of the tagName elements within current context
			var found = new Array;
			var foundCount = 0;
			for (var h = 0; h < currentContext.length; h++) {
				var elements;
				if (tagName == '*') {
						elements = getAllChildren(currentContext[h]);
				} else {
						elements = currentContext[h].getElementsByTagName(tagName);
				}
				for (var j = 0; j < elements.length; j++) {
					found[foundCount++] = elements[j];
				}
			}
			currentContext = new Array;
			var currentContextIndex = 0;
			var checkFunction; // This function will be used to filter the elements
			switch (attrOperator) {
				case '=': // Equality
					checkFunction = function(e) { return (e.getAttribute(attrName) == attrValue); };
					break;
				case '~': // Match one of space seperated words
					checkFunction = function(e) { return (e.getAttribute(attrName).match(new RegExp('\\b'+attrValue+'\\b'))); };
					break;
				case '|': // Match start with value followed by optional hyphen
					checkFunction = function(e) { return (e.getAttribute(attrName).match(new RegExp('^'+attrValue+'-?'))); };
					break;
				case '^': // Match starts with value
					checkFunction = function(e) { return (e.getAttribute(attrName).indexOf(attrValue) == 0); };
					break;
				case '$': // Match ends with value - fails with "Warning" in Opera 7
					checkFunction = function(e) { return (e.getAttribute(attrName).lastIndexOf(attrValue) == e.getAttribute(attrName).length - attrValue.length); };
					break;
				case '*': // Match ends with value
					checkFunction = function(e) { return (e.getAttribute(attrName).indexOf(attrValue) > -1); };
					break;
				default :
					// Just test for existence of attribute
					checkFunction = function(e) { return e.getAttribute(attrName); };
			}
			currentContext = new Array;
			var currentContextIndex = 0;
			for (var k = 0; k < found.length; k++) {
				if (checkFunction(found[k])) {
					currentContext[currentContextIndex++] = found[k];
				}
			}
			// alert('Attribute Selector: '+tagName+' '+attrName+' '+attrOperator+' '+attrValue);
			continue; // Skip to next token
		}
		// If we get here, token is JUST an element (not a class or ID selector)
		tagName = token;
		var found = new Array;
		var foundCount = 0;
		for (var h = 0; h < currentContext.length; h++) {
			var elements = currentContext[h].getElementsByTagName(tagName);
			for (var j = 0; j < elements.length; j++) {
				found[foundCount++] = elements[j];
			}
		}
		currentContext = found;
	}
	return currentContext;
}

/**
 * ³ë¿ø±¸Ã» µðÀÚÀÎ ½ºÅ©¸³Æ®
 */


<!--
function go_opn() {

	var window_left = 0;
	var window_top = 0;	
	window.open('/foreign/eng/map_sub.html',"opn_pop",'status=yes,scrollbars=yes,width=1000 ,height=800');
}
//-->

// ·ÎÄÉÀ̼ÇÀ» Ç¥½ÃÇϱâ À§ÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® - 2008.12.10 ¹ÎÀ±°æ
// get location and set current menu focus
function initLocation2() {
	initNavigation();
	if (document.getElementById("location")) {
		loc = document.getElementById("location").getElementsByTagName("span");
		if (document.getElementById("top_navi") && document.getElementById("top_navi").getElementsByTagName("li")) {
			topMenuLi = document.getElementById("top_navi").getElementsByTagName("li");
			
			for(j=0; j<topMenuLi.length; j++) {
				topMenuText = topMenuLi[j].getElementsByTagName("img").item(0).alt;
				if (loc.item(1) && topMenuText == loc.item(1).innerHTML) {		// top menu depth1
					//focusMenu = menu[topMenuLi[j].className.substr(topMenuLi[j].className.length-1, 1)];
					focusMenu = menu[topMenuLi[j].id.substr(topMenuLi[j].id.length-1, 1)];
					initFocus();
					if (currentMenu.getElementsByTagName("img").item(0).src.indexOf("_on.gif") == -1) {
						currentMenu.getElementsByTagName("img").item(0).onmouseover();
					}
					currentMenu.getElementsByTagName("img").item(0).onmouseover = null;
					currentMenu.getElementsByTagName("img").item(0).onmouseout = null;
				}
				if (loc.item(2) && topMenuText == loc.item(2).innerHTML) {		// top menu depth2
					topMenuLi[j].getElementsByTagName("img").item(0).onmouseover();
					topMenuLi[j].getElementsByTagName("img").item(0).onmouseover = null;
					topMenuLi[j].getElementsByTagName("img").item(0).onmouseout = null;
				}
			}
		}
		
		if (document.getElementById("sub_navi") && document.getElementById("sub_navi").getElementsByTagName("li")) {
			subMenuLi = document.getElementById("sub_navi").getElementsByTagName("li");
			for(i=0; i<subMenuLi.length; i++) {
				subMenuText = subMenuLi[i].getElementsByTagName("img").item(0).alt;
				if (loc.item(2) && subMenuText == loc.item(2).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;
					if (subMenuLi[i].getElementsByTagName("ul").item(0)) {
						subMenuLi[i].getElementsByTagName("ul").item(0).style.display = "block";
					}
				}
				if (loc.item(3) && subMenuText == loc.item(3).innerHTML) {		// sub menu depth3
					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;
				}
			}
		}
	}
}