/* 
	탭이미지 변경 스크립트
	str : 이미지경로 
	n : 현재오버 번호
	t : 전체 탭갯수
*/
function tabCh(str,n,t){
	for(i=1;i<=t;i++){
		if(n==i){
			document.getElementById("tab_"+i).src=str+i+"_on.jpg";
			document.getElementById("cont_list"+i).style.display="";
		}else{
			document.getElementById("tab_"+i).src=str+i+".jpg";
			document.getElementById("cont_list"+i).style.display="none";
		}
	}
}


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

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}


/* 메뉴 갯수 수정 */
var gnbMenuCnt = 8;

/* 메인 메뉴 시작
-------------------------------------------------*/
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.jpg", ".jpg");
	
		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.jpg",".jpg");
			}
		}
	}

	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(".jpg","_on.jpg");
	}

	if(document.getElementById("subnav_list"+id)) document.getElementById("subnav_list"+id).style.display="block";
}




/* IMG ON/OFF SCRIPT - MOUSEOVER / MOUSEOUT
-------------------------------------------------*/
function menuOver() {
	this.src = this.src.replace(".jpg", "_on.jpg");
}
function menuOut() {
	this.src = this.src.replace("_on.jpg", ".jpg");
}

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.jpg") > -1 ) imgEl.src = imgEl.src.replace("_on.jpg", ".jpg");
}



/* 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=\"/images/common/" + topMenuEl[i].className + ".jpg\" alt=\"" + menuAnchor.innerHTML + "\"/>";
	}
}


/* Sub Navigation JAVASCRIPT - 이미지 on/off
-------------------------------------------------*/
function initSNavigation() {
	subMenuEl = document.getElementById("snavigation").getElementsByTagName("li");
	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 + ".jpg\" 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 = '';
    }
}



/* 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 == "01about") displaySub(1);
	if(str == "02business") displaySub(2);
	if(str == "03support") displaySub(3);
	if(str == "04news") displaySub(4);
	if(str == "05info") displaySub(5);
	if(str == "06mageaine") displaySub(6)
	if(str == "07site") displaySub(7)
	if(str == "08staff") displaySub(8)

/*
	initNavigation();

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

		var num = 0;

		//header - 1depth menu
		for( var i = 1; i <= 6 ; i++ ) {
			var topMenuAlt = document.getElementById("menu_" + i).getElementsByTagName("img").item(0).alt;

			if( topMenuAlt == loc.item(1).innerHTML ) {
				displaySub(i);
				num=i;
				break;
			}
		}

		//header - 2depth menu
		if( num > 0 && loc.item(2) ) {
			var subNav = document.getElementById("subnav_list" + num).getElementsByTagName("li");

			for( var i = 0 ; subNav && i < subNav.length ; i++ ) {
				var topMenuAlt = subNav[i].getElementsByTagName("img").item(0).alt;

				if( topMenuAlt == loc.item(2).innerHTML ) {
					var subImg = subNav[i].getElementsByTagName("img").item(0);
					subImg.src = subImg.src.replace(".jpg", "_on.jpg");
					break;
				}
			}
		}

		if (document.getElementById("snavigation") && document.getElementById("snavigation").getElementsByTagName("li")) {
			subMenuLi = document.getElementById("snavigation").getElementsByTagName("li");

			for(i=0; i<subMenuLi.length; i++) {
				if( subMenuLi[i].getElementsByTagName("img").item(0) ) {
					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.jpg") == -1) {
							subMenuLi[i].getElementsByTagName("img").item(0).onmouseover();
						}
						subMenuLi[i].getElementsByTagName("img").item(0).onmouseover = null;
						subMenuLi[i].getElementsByTagName("img").item(0).onmouseout = null;

						//3depth
						if (subMenuLi[i].getElementsByTagName("ul").item(0)) {
							subMenuLi[i].getElementsByTagName("ul").item(0).style.display = "block";

							subMenuLi2 = subMenuLi[i].getElementsByTagName("ul").item(0).getElementsByTagName("li");
							for(var j = 0 ; j < subMenuLi2.length ; j++ ) {
								subMenuText = subMenuLi2[j].getElementsByTagName("img").item(0).alt;

								if (loc.item(3) && subMenuText == loc.item(3).innerHTML) {		// sub menu depth3
									if( subMenuLi2[j].getElementsByTagName("img").item(0).src.indexOf("_on.jpg") == -1 ) {
										
										subMenuLi2[j].getElementsByTagName("img").item(0).onmouseover();
									}

									subMenuLi2[j].getElementsByTagName("img").item(0).onmouseover = null;
									subMenuLi2[j].getElementsByTagName("img").item(0).onmouseout = null;
								}
							}
							i += j - 1;
						}
					}
				}
			}
		}
	}
*/
}

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

/* TAB MENU SCRIPT
-------------------------------------------------*/
function initTabMenu(tabContainerID) {
	var tabContainer = document.getElementById(tabContainerID);
	var tabAnchor = tabContainer.getElementsByTagName("a");
	var i = 0;

	for(i=0; i<tabAnchor.length-1; 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.jpg", ".jpg");
				} else {
					currentmenu.className = currentmenu.className.replace(" on", "");
				}
			}
			this.targetEl.style.display = "";
			if (this.imgEl) {
				this.imgEl.src = this.imgEl.src.replace(".jpg", "_on.jpg");
			} 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 initTabMenu2(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.jpg", ".jpg");
                                } else {
                                        currentmenu.className = currentmenu.className.replace(" on", "");
                                }
                        }
                        this.targetEl.style.display = "";
                        if (this.imgEl) {
                                this.imgEl.src = this.imgEl.src.replace(".jpg", "_on.jpg");
                        } 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 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;
}

//슬라이딩메뉴//
function initMoving(target, topPosition, topLimit, btmLimit) {
	if (!target)
		return false;

	var obj = target;
	obj.initTop = topPosition;
	obj.topLimit = topLimit;
	obj.bottomLimit = document.documentElement.scrollHeight - btmLimit;

	obj.style.position = "absolute";
	obj.top = obj.initTop;
	obj.left = obj.initLeft;
	obj.style.top = obj.top + "px";

	obj.getTop = function() {
		if (document.documentElement.scrollTop) {
			return document.documentElement.scrollTop;
		} else if (window.pageYOffset) {
			return window.pageYOffset;
		} else {
			return 0;
		}
	}
	obj.getHeight = function() {
		if (self.innerHeight) {
			return self.innerHeight;
		} else if(document.documentElement.clientHeight) {
			return document.documentElement.clientHeight;
		} else {
			return 500;
		}
	}
	obj.move = setInterval(function() {
		//pos = obj.getTop() + obj.getHeight() / 2 - 15;
		pos = obj.getTop() + topPosition;

		if (pos > obj.bottomLimit)
			pos = obj.bottomLimit
		if (pos < obj.topLimit)
			pos = obj.topLimit

		interval = obj.top - pos;
		obj.top = obj.top - interval / 3;
		obj.style.top = obj.top + "px";
	}, 30)
}

	
//줌인 아웃
var zoomStat = 0;
var utilX = 870;
var utilY = 175;
function funcZoom(param){
 if(navigator.userAgent.toLowerCase().indexOf("msie")!=-1){
  if(document.body.style.zoom==null||document.body.style.zoom==""){     
   zoomStat = 100;
  }

  switch(param) {
   case "in" : zoomStat = zoomStat + 10; break;
   case "out" : zoomStat = zoomStat - 10; break;
   case "reset" : zoomStat = 100; break;
   default : zoomStat = 100;
  }

  if(zoomStat > 160){
   zoomStat = 160;      
  }

  if(zoomStat < 40){
   zoomStat = 40;
  }
  document.body.style.zoom = zoomStat+"%";
 }else{
  alert("이 브라우저에서는 지원하지 않습니다.");
 }
}