// for onload event
function addEvent(elm, evType, fn, useCapture) {
    if (elm.addEventListener) {
        elm.addEventListener(evType, fn, useCapture);
        return true;
    }
    else if (elm.attachEvent) {
        var r = elm.attachEvent('on' + evType, fn);
        return r;
    }
    else {
        elm['on' + evType] = fn;
    }
}
// Embeded function image Over
function menuOver() {
	if (!!this.original && navigator.userAgent.indexOf("MSIE 6.")>=0  && document.all) {
		this.original = this.original.replace("_off.gif", "_on.gif");
		this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ this.original +"',sizingMethod='image');"
	} else {
		this.src = this.src.replace("_off.gif", "_on.gif");
	}
}

function menuOut() {
	if (!!this.original && navigator.userAgent.indexOf("MSIE 6.")>=0  && document.all) {
		this.original = this.original.replace("_on.gif", "_off.gif");
		this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ this.original +"',sizingMethod='image');"
	} else {
		this.src = this.src.replace("_on.gif", "_off.gif");
	}
}

// Tabbed menu
function TabMenu(menuElId) {
	var tabMenu = document.getElementById(menuElId).getElementsByTagName("a");
	if(tabMenu.length > 0){
		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";
			if(thismenu.getElementsByTagName("img").length>0)	{
				thismenu.getElementsByTagName("img").item(0).onmouseover = menuOver;
				thismenu.getElementsByTagName("img").item(0).onmouseout = menuOut;
			}
			thismenu.onclick = tabMenuClick;
		}
		initmenu = tabMenu.item(0);
		initmenu.menuContainer = document.getElementById(menuElId);
		initmenu.targetEl = document.getElementById(initmenu.href.split("#")[1]);
		initmenu.targetEl.style.display = "block";
		initmenu.className = "activate";
		if(initmenu.getElementsByTagName("img").length>0)	{
			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.className = null;
		if(currentmenu.getElementsByTagName("img").length>0)	{
			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.className = "activate";
		if(this.getElementsByTagName("img").length>0)	{
			this.getElementsByTagName("img").item(0).onmouseover = null;
			this.getElementsByTagName("img").item(0).onmouseout = null;
		}
		this.menuContainer.current = this;
	}
	return false;
}

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

	for(i=0; i<tabAnchor.length; i++) {
		if (tabAnchor.item(i).className == "tab")
			thismenu = tabAnchor.item(i);
		else
			continue;

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


//gnb
function gnbNavi() {
	var gnbNavi = document.getElementById("gnav");
	subMenu = gnbNavi.getElementsByTagName("ul");
	for (i=0; i<subMenu.length; i++) {
		subMenu[i].parentNode.style.display = "none";						// 전체 서브레이어 숨김.

		subLink = subMenu[i].getElementsByTagName("a");
		for (m=0; m<subLink.length; m++) {						// 서브메뉴 이미지 롤오버
			thismenu = subLink[m];
			thismenu.onmouseover = function() {
				subImage = this.getElementsByTagName("img")[0];
				if (subImage.src.indexOf("_on.gif") != -1) return false;
				subImage.src = subImage.src.replace(".gif","_on.gif");
			}
			subLink[m].onfocus = function() {
				subImage = this.getElementsByTagName("img")[0];
				if (subImage.src.indexOf("_on.gif") != -1) return false;
				subImage.src = subImage.src.replace(".gif","_on.gif");
			}
			subLink[m].onmouseout = function() {
				subImage = this.getElementsByTagName("img")[0];
				subImage.src = subImage.src.replace("_on.gif",".gif");
			}
			subLink[m].onblur = function() {
				subImage = this.getElementsByTagName("img")[0];
				subImage.src = subImage.src.replace("_on.gif",".gif");
			}
		}
	}

	var gnbMenu = gnbNavi.getElementsByTagName("li");
	for (j=0; j<gnbMenu.length; j++) {
		if (gnbMenu[j].className.indexOf("gnb_menu") != -1) {
			thismenu = gnbMenu[j].getElementsByTagName("a")[0];
			thismenu.onmouseover = function() {
				subMenu = gnbNavi.getElementsByTagName("ul");
				for (k=0; k<subMenu.length; k++) {
					subMenu[k].parentNode.style.display = "none";
					subMenu[k].parentNode.style.zIndex = "0";
				}

				gnbImg = gnbNavi.getElementsByTagName("img");
				for (l=0; l<gnbImg.length; l++) {
					if (gnbImg[l].src.indexOf("_on.gif") != -1 ){
						gnbImg[l].src = gnbImg[l].src.replace("_on.gif",".gif");
					}
				}

				this.getElementsByTagName("img")[0].src = this.getElementsByTagName("img")[0].src.replace(".gif","_on.gif");
				if (!this.parentNode.getElementsByTagName("ul")[0]) return false;
				this.parentNode.getElementsByTagName("ul")[0].parentNode.style.display = "";
				this.parentNode.getElementsByTagName("ul")[0].parentNode.style.zIndex = "1";

			}
			thismenu.onfocus = function() {
				subMenu = gnbNavi.getElementsByTagName("ul");
				for (k=0; k<subMenu.length; k++) {
					subMenu[k].style.display = "none";
					subMenu[k].parentNode.style.zIndex = "0";
				}

				gnbImg = gnbNavi.getElementsByTagName("img");
				for (l=0; l<gnbImg.length; l++) {
					if (gnbImg[l].src.indexOf("_on.gif") != -1 ){
						gnbImg[l].src = gnbImg[l].src.replace("_on.gif",".gif");
					}
				}

				this.getElementsByTagName("img")[0].src = this.getElementsByTagName("img")[0].src.replace(".gif","_on.gif");
				if (!this.parentNode.getElementsByTagName("ul")[0]) return false;
				this.parentNode.getElementsByTagName("ul")[0].style.display = "";
				this.parentNode.getElementsByTagName("ul")[0].parentNode.style.zIndex = "1";
			}
		}
	}
}


// Side menu
/*
function initToggle(tabContainer) {
	triggers = tabContainer.getElementsByTagName("a");

	for(i = 0; i < triggers.length; i++) {
		if (triggers.item(i).href.split("#")[1])
			triggers.item(i).targetEl = document.getElementById(triggers.item(i).href.split("#")[1]);

		if (!triggers.item(i).targetEl)
			continue;

		triggers.item(i).targetEl.style.display = "none";
		triggers.item(i).onclick = function () {
			if (tabContainer.current == this) {
				this.targetEl.style.display = "none";
				tabContainer.current = null;
			} else {
				if (tabContainer.current) {
					tabContainer.current.targetEl.style.display = "none";
				}
				this.targetEl.style.display = "block";
				tabContainer.current = this;
			}
			return false;
		}
	}
}
*/
function initToggle(tabContainer, depth1, depth2) {
	var objNUM;
	triggers = tabContainer.getElementsByTagName("a");

	var objLI = tabContainer.getElementsByTagName('li');


	var objClick = function (obj ,num) {
		obj.onmouseover = function () {
			for (var u=0; u<objLI.length; u++) {
				if ((u+1) != objNUM && objLI[u].getElementsByTagName('ul')[0]) {
					objLI[u].getElementsByTagName('ul')[0].style.display = "none";
				}
				if (num == u) {
					//alert(u);
					objLI[u].getElementsByTagName('ul')[0].style.display = "block";
				}
			}
			return false;
		}
	}

	var num = 0;
	for (var j=0; j<objLI.length; j++) {
		if (objLI[j].parentNode.parentNode == tabContainer) {
			num++;
			if (num == depth1) {
				objLI[j].getElementsByTagName('a')[0].className = 'visible';

				if (objLI[j].getElementsByTagName('ul')[0]) {
					objNUM = j;
					var depthLI = objLI[j].getElementsByTagName('ul')[0].getElementsByTagName('li');
					for (var k=0; k<depthLI.length; k++) {
						if ((k+1) == depth2)
							depthLI[k].className = 'visible';
					}
				}
			}
		}
	}


	for (i = 0; i < triggers.length; i++) {
		if (triggers.item(i).href.split("#")[1])
			triggers.item(i).targetEl = document.getElementById(triggers.item(i).href.split("#")[1]);

		if (!triggers.item(i).targetEl)
			continue;

		if (i != objNUM)
			triggers.item(i).targetEl.style.display = "none";

		objClick(triggers.item(i), i);
	}

}

// Flash publishing with Cross Browsing
function swfprint(furl,fwidth,fheight,transoption)	{
	document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="'+ fwidth +'" height="' + fheight +'" align="middle">');
	document.write('<param name="movie" value="'+ furl +'"/>');
	if (transoption == "t")	{
		document.write('<param name="wmode" value="transparent"/>');
	} else if	(transoption == "o")	{
		document.write('<param name="wmode" value="opaque"/>');
	}
	document.write('<!-- Hixie method -->');
	document.write('<!--[if !IE]> <-->');
	document.write('<object type="application/x-shockwave-flash" data="'+ furl +'" width="'+ fwidth +'" height="' + fheight +'"');
	if (transoption == "t")	{
		document.write(' wmode="transparent"');
	} else if	(transoption == "o")	{
		document.write(' wmode="opaque"');
	}
	document.write('></object>');
	document.write('<!--> <![endif]-->');
	document.write('</object>');
}

//rollingBanner
function rollingBanner () {
	var objData;
	var imgTime;
	var RollingNum = 0;
	var objTime = 2500;
	var opacityOpen;
	var opacityNum = 0;
	var opacity = { start:0, end:9, time:10 }

	this.SetData = function (ID) {
		objData = { ID:ID };
	}

	this.initialize = function () {
		var objID = document.getElementById(objData.ID);
		var objLI = objID.getElementsByTagName('li');

		for (var j=0; j<objLI.length; j++) {
			objMouse(objLI, j);
		}

		imgTime = setInterval(function () {
			objRolling(objLI);
			}, objTime);
	}

	var objMouse = function (obj, num) {
		obj[num].getElementsByTagName('a')[0].onmouseover = function () {
			clearInterval(imgTime);
			imgTime = setInterval(function () {
				objRolling(obj);
				}, objTime);
			RollingNum = num;
			for (var k=0; k<obj.length; k++) {
				obj[k].getElementsByTagName('a')[0].getElementsByTagName('img')[0].src = obj[k].getElementsByTagName('a')[0].getElementsByTagName('img')[0].src.replace('_on.gif', '_off.gif');
				obj[k].getElementsByTagName('span')[0].style.zIndex = 1;
				if (navigator.appName.indexOf('Explorer') != -1 && document.all)
					obj[k].getElementsByTagName('span')[0].style.filter = 'Alpha(opacity=0)';
				else
					obj[k].getElementsByTagName('span')[0].style.opacity = 0;
			}
			this.getElementsByTagName('img')[0].src = this.getElementsByTagName('img')[0].src.replace('_off.gif', '_on.gif');
			obj[num].getElementsByTagName('span')[0].style.zIndex = 2;

			if (navigator.appName.indexOf('Explorer') != -1 && document.all)
				obj[num].getElementsByTagName('span')[0].style.filter = 'Alpha(opacity=100)';
			else
				obj[num].getElementsByTagName('span')[0].style.opacity = 10.0;
		}
	}

	var objRolling = function (objLI) {
		if (RollingNum >= objLI.length-1) {
			RollingNum = 0;
		} else {
			RollingNum++;
		}
		for (var i=0; i<objLI.length; i++) {
			if (navigator.appName.indexOf('Explorer') != -1 && document.all)
				objLI[i].getElementsByTagName('span')[0].style.filter = 'Alpha(opacity=0)';
			else
				objLI[i].getElementsByTagName('span')[0].style.opacity = 0;

			objLI[i].getElementsByTagName('span')[0].style.zIndex = 1;
			objLI[i].getElementsByTagName('a')[0].getElementsByTagName('img')[0].src = objLI[i].getElementsByTagName('a')[0].getElementsByTagName('img')[0].src.replace('_on.gif', '_off.gif');
		}
		opacityOpen = setInterval(function () {
			SetOpacityOpen(objLI[RollingNum].getElementsByTagName('span')[0]);
		}, opacity.time);

		objLI[RollingNum].getElementsByTagName('a')[0].getElementsByTagName('img')[0].src = objLI[RollingNum].getElementsByTagName('a')[0].getElementsByTagName('img')[0].src.replace('_off.gif', '_on.gif');
	}

	var SetOpacityOpen = function (objTarget) {
		if (opacityNum >= opacity.end) {
			clearInterval(opacityOpen);
			if (navigator.appName.indexOf('Explorer') != -1 && document.all)
				objTarget.style.filter = 'Alpha(opacity=100)';
			else
				objTarget.style.opacity = 10.0;

			objTarget.style.zIndex = 2;
			opacityNum = 0;
		} else {
			opacityNum++;
			if (navigator.appName.indexOf('Explorer') != -1 && document.all)
				objTarget.style.filter = eval("'Alpha(opacity=" + opacityNum + "0)'");
			else
				objTarget.style.opacity = eval('0.' + opacityNum);
		}
	}
}


//fimily site
function familyArea() {
	var scroll = {time:1, start:0, change:0, duration:15, timer:null};
	var originaltime = scroll.time;
	var objIndex = 0;
	var objWrap = document.getElementById('familyArea');
	var objBtn = objWrap.getElementsByTagName('h2')[0];
	var objUL = objWrap.getElementsByTagName('ul')[0];
	var objLI = objUL.getElementsByTagName('li');

	this.initialize = function () {
		objWrap.style.top = - objUL.offsetHeight + 14 + 'px';
		objWrap.style.paddingTop = objUL.offsetHeight - 15 + 'px';
		objBtn.onclick= function () {
			//alert(objIndex);
			if (objIndex == 0) {
				startScroll(objUL.offsetHeight, 0);
				objWrap.style.zIndex = '9988';
				objWrap.parentNode.style.zIndex = '9988';
				objIndex = 1;
				return false;
			}
		}
		objUL.onclick= function () {
			if (objIndex == 1) {
				startScroll(0, objUL.offsetHeight);
				objWrap.style.zIndex = '1';
				objWrap.parentNode.style.zIndex = '1';
				objIndex = 0;
			}
		}
		for (var i=0; i<objLI.length; i++) {
			objLI[i].getElementsByTagName('a')[0].onmouseover = function () {
				this.className = 'visible';
			}
			objLI[i].getElementsByTagName('a')[0].onmouseout= function () {
				this.className = '';
			}
		}
	}

	var startScroll = function (start, end) {
		if (scroll.timer != null) {
			clearInterval(scroll.timer);
			scroll.timer = null;
		}
		scroll.start = start;
		scroll.change = end - start;
		scroll.timer = setInterval(scrollVertical, 15);
	}

	var scrollVertical = function () {
		if (scroll.time > scroll.duration) {
			clearInterval(scroll.timer);
			scroll.time = originaltime;
			scroll.timer = null;
		} else {
			objUL.style.top = sineInOut(scroll.time, scroll.start, scroll.change, scroll.duration) + 'px';
			scroll.time++;
		}
	}

	var sineInOut = function (t, b, c, d) {
		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
	}
}