/**
 * @@@@@ ´ë¸Þ´º ½ºÅ©¸³Æ®
 */

// 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(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("top-navigation").getElementsByTagName("li");
	for (i=0; i<topMenuEl.length; i++) {
		var menuAnchor = topMenuEl[i].getElementsByTagName("a")[0];
		menuAnchor.innerHTML = "<img src=\"/img/comm/topmenu/" + topMenuEl[i].className + ".gif\" alt=\"" + menuAnchor.innerHTML + "\" />";
		if(topMenuEl[i].className.length=='menu_1'.length){  //ž¸Þ´º È°¼ºÈ­¹æÁö (Ŭ·¡½º¸íÀÇ ±æÀÌ°¡ ´ë¸Þ´º Ŭ·¡½º(menu_0)¶û °°À¸¸é È°¼ºÈ­ Àû¿ë)
			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-navigation ul.depth2");
	for (i=0; i<topMenuD2El.length; i++) {
		topMenuD2El[i].getElementsByTagName("li").item(0).style.background = "none";
	}
}


// 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++) {
		menu[i] = document.getElementsBySelector("#top-navigation li.menu_" + i)[0];
		menu[i].onmouseover = navigationOver;
		menu[i].onmouseout = navigationOut;
		menu[i].onkeyup = navigationOver;
	    menu[i].submenu = document.getElementsBySelector("#top-navigation li.menu_" + i +" ul.depth2")[0];
	    menu[i].submenu.menu = menu[i];
	    menu[i].submenu.onmouseover = subOver;
	}
}
function initFocus() {		// current page menu focusing
	if (focusMenu) {
		currentMenu = focusMenu;
	} else {
		currentMenu = null;
	}
	showSubmenu();
}
function initFocusFirst() {		// current page menu focusing
	if (focusMenu) {
		currentMenu = focusMenu;
	} else {
		currentMenu = 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();  ž¸Þ´º¿¡¼­ mouseOutµÇ¸é ÀÚµ¿À¸·Î ÇöÀç¼±ÅÃµÈ ¼­ºê ¸Þ´º º¸¿©ÁØ´Ù.
	}
}
function subOver() {
	this.menu.isMenuOver = true;
}
/*
// get location and set current menu focus
function initLocation() {
	initNavigation();

	if (document.getElementById("location")) {
		loc = document.getElementById("location").getElementsByTagName("a");
	
		if (document.getElementById("top-navigation") && document.getElementById("top-navigation").getElementsByTagName("li")) {
			topMenuLi = document.getElementById("top-navigation").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;
				}
			}
		}
			
	}
}
*/

function initLocation() {
	initNavigation();

	if (document.getElementById("location")) {
	loc = document.getElementById("location").getElementsByTagName("a");
	document.title = "´ë¹ý¿ø - "+loc.item(loc.length-1).innerHTML;

		if (document.getElementById("top-navigation") && document.getElementById("top-navigation").getElementsByTagName("li")) {
			topMenuLi = document.getElementById("top-navigation").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)];
					initFocusFirst();
					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 (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;
				//'menu_4_5_2'´Â °ßÇоȳ» - »óÀ§¸Þ´º¿Í Áߺ¹µÇ¼­ ÇϵåÄÚµù ¤»
				//Ư¼ö±âÈ£ º¯È¯ replace("&amp;","&")
				if (loc.item(loc.length-2) && subMenuText == loc.item(loc.length-2).innerHTML.replace("&amp;","&") && subMenuLi[i].className!='menu_4_5_2') {		// 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(loc.length-1) && subMenuText == loc.item(loc.length-1).innerHTML.replace("&amp;","&")) {		// 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 initSubNavigation() {
	if(document.getElementById("sub-navigation")!=undefined){
	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=\"/img/comm/submenu/" + subMenuEl[i].className + ".gif\" alt=\"" + menuAnchor.innerHTML + "\" />";
		menuAnchor.getElementsByTagName("img").item(0).onmouseover = menuOver;
		menuAnchor.getElementsByTagName("img").item(0).onmouseout = menuOut;
	}
	}
}

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;
}


// board design adjust
function initBoardList() {
	cssFirstChild(document.getElementsBySelector("div.board-list table.list tbody tr"), "first-child");

	boardRowEl = document.getElementsBySelector("div.board-list table.list tbody tr");
	for(i=0; i<boardRowEl.length; i++) {
		boardRowEl[i].onmouseover = function boardListRowOver() {
			this.className = this.className + " over";
		}
		boardRowEl[i].onmouseout = function boardListRowOut() {
			this.className = this.className.replace("over", "");
		}
	}
}
function initBoardView() {
	cssFirstChild(document.getElementsBySelector("div.board-view table.list tbody tr"), "first-child");
}

// css first-child
function cssFirstChild(el, clsname) {
	if (el[0]) {
		if (el[0].className) {
			el[0].className = el[0].className + " " + clsname;
		} else {
			el[0].className = clsname;
		}
	}
}