// JScript 파일

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;

}

// image roll

function menuOver() {

	this.src = this.src.replace(".gif", "_on.gif");

}

function menuOut() {

	this.src = this.src.replace("_on.gif", ".gif");

}



function imageOver(imgEl) {

	imgEl.src = imgEl.src.replace(".gif", "_on.gif");

}

function imageOut(imgEl) {

	imgEl.src = imgEl.src.replace("_on.gif", ".gif");

}



// element toggle

function blockToggle(href) {

	targetElement = document.getElementById(href.split("#")[1]);



	if (targetElement && targetElement.style.display == "block") {

		targetElement.style.display = "none";

	} else {

		targetElement.style.display = "block";

	}

	return false;

}





// tabbed menu
function initTabMenu(tabContainerID) {
	var tabContainer = document.getElementById(tabContainerID);
	var tabAnchor = tabContainer.getElementsByTagName("a");
	var i = 0;

	for(i=0; i<tabAnchor.length; i++) {
		thismenu = tabAnchor.item(i);

		thismenu.container = tabContainer;
		thismenu.targetEl = document.getElementById(tabAnchor.item(i).href.split("#")[1]);
		thismenu.targetEl.style.display = "none";
		thismenu.imgEl = thismenu.getElementsByTagName("img").item(0);
		thismenu.onclick = function tabMenuClick() {
			currentmenu = this.container.current;
			if (currentmenu == this)
				return false;

			if (currentmenu) {
				currentmenu.targetEl.style.display = "none";
				if (currentmenu.imgEl) {
					currentmenu.imgEl.src = currentmenu.imgEl.src.replace("_on.gif", ".gif");
				} else {
					currentmenu.className = currentmenu.className.replace(" on", "");
				}
			}
			this.targetEl.style.display = "";
			if (this.imgEl) {
				this.imgEl.src = this.imgEl.src.replace(".gif", "_on.gif");
			} else {
				this.className += " on";
			}
			this.container.current = this;

			return false;
		};

		if (!thismenu.container.first)
			thismenu.container.first = thismenu;
	}
	if (tabContainer.first)
		tabContainer.first.onclick();
}
/*
function initTabMenu(menuElId) {

	var tabMenu = document.getElementById(menuElId).getElementsByTagName("a");

	for(i=0; i<tabMenu.length; i++) {

		thismenu = tabMenu.item(i);

		thismenu.menuContainer = document.getElementById(menuElId);

		thismenu.targetEl = document.getElementById(tabMenu.item(i).href.split("#")[1]);

		thismenu.targetEl.style.display = "none";

		thismenu.getElementsByTagName("img").item(0).onmouseover = menuOver;

		thismenu.getElementsByTagName("img").item(0).onmouseout = menuOut;

		thismenu.onclick = tabMenuClick;

	}

	initmenu = tabMenu.item(0);

	initmenu.targetEl.style.display = "block";

	initmenu.getElementsByTagName("img").item(0).onmouseover();

	initmenu.getElementsByTagName("img").item(0).onmouseover = null;

	initmenu.getElementsByTagName("img").item(0).onmouseout = null;

	initmenu.menuContainer.current = initmenu;

}
*/
function tabMenuClick() {

	currentmenu = this.menuContainer.current;

	if (currentmenu != this) {

		currentmenu.targetEl.style.display = "none";

		currentmenu.getElementsByTagName("img").item(0).onmouseover = menuOver;

		currentmenu.getElementsByTagName("img").item(0).onmouseout = menuOut;

		currentmenu.getElementsByTagName("img").item(0).onmouseout();



		this.targetEl.style.display = "block";

		this.getElementsByTagName("img").item(0).onmouseover = null;

		this.getElementsByTagName("img").item(0).onmouseout = null;

		this.menuContainer.current = this;

	}

	return false;
}





/**

 * 탑메뉴 
 */



// convert menu text to image

function initTopNavigation() {

	// change top menu text to image
	topMenuEl = document.getElementById("topMenu").getElementsByTagName("li");
    //topMenuEl = document.getElementsBySelector("#topMenu ul.depth1").getElementsByTagName("li");
    
	for (i=0; i<topMenuEl.length; i++) {
  		var menuAnchor = topMenuEl[i].getElementsByTagName("a")[0];

  		menuAnchor.innerHTML = "<img src=\"/Eng_mainIMG/topmenu/" + topMenuEl[i].className + ".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("#topMenu ul.depth2");
	for (i=0; i<topMenuD2El.length; i++) {

		topMenuD2El[i].getElementsByTagName("li").item(0).style.background = "none";

	}

}
/*
function initSubNavigation() {

	subMenuEl = document.getElementById("sub-navigation").getElementsByTagName("li");

	for (i=0; i<subMenuEl.length; i++) {

		var menuAnchor = subMenuEl[i].getElementsByTagName("a")[0];

		menuAnchor.innerHTML = "<img src=\"/images/07menu/sub/" + subMenuEl[i].className + ".gif\" alt=\"" + menuAnchor.innerHTML + "\" />";

		menuAnchor.getElementsByTagName("img").item(0).onmouseover = menuOver;

		menuAnchor.getElementsByTagName("img").item(0).onmouseout = menuOut;

	}


}

	*/

// top menu action

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<7; i++) {
        if(i != 7){
  		    menu[i] = document.getElementsBySelector("#topMenu li.menu-" + i)[0];
      
            if(menu[i] != null){
            
  		        menu[i].onmouseover = navigationOver;

  		        menu[i].onmouseout = navigationOut;


	            menu[i].submenu = document.getElementsBySelector("#topMenu li.menu-" + i +" ul.depth2")[0];

	            menu[i].submenu.menu = menu[i];

	            menu[i].submenu.onmouseover = subOver;
  		    }
  	    }
	}

}
function currentTopMenu(menuId){

    if(menuId >0){

        menu[menuId] = document.getElementsBySelector("#topMenu li.menu-" + menuId)[0];

	    if (menu[menuId].getElementsByTagName("img").item(0).src.indexOf("_on.gif") == -1) {

		    menu[menuId].getElementsByTagName("img").item(0).onmouseover();
//           
//            menu[menuId].submenu = document.getElementsBySelector("#topMenu li.menu-" + menuId +" ul.depth2")[0];
//			
////			menu[menuId].submenu.getElementsByTagName("img").item(0).onmouseover();

////			menu[menuId].submenu.getElementsByTagName("img").item(0).onmouseover = null;
//            menu[menuId].submenu.style.display = "block";

//			menu[menuId].submenu.onmouseover = hideSubmenu;
	    }

	    menu[menuId].getElementsByTagName("img").item(0).onmouseover = null;

	    menu[menuId].getElementsByTagName("img").item(0).onmouseout = null;
    }
}

function initFocus() {		// current page menu focusing

	if (focusMenu) {

		currentMenu = focusMenu;

	} else {

		currentMenu = null;

	}

	showSubmenu();

}

// get location and set current menu focus

function initLocation() {

	initNavigation();

	if (document.getElementById("location")) {

		loc = document.getElementById("location").getElementsByTagName("a");



		if (document.getElementById("topMenu") && document.getElementById("topMenu").getElementsByTagName("li")) {

			topMenuLi = document.getElementById("topMenu").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)];

					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-navigation") && document.getElementById("sub-navigation").getElementsByTagName("li")) {

			subMenuLi = document.getElementById("sub-navigation").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 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 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;

}