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

	}

}