/** 주메뉴*/
var onflag = "_on.";
var selMenu1;
function top2menuView(a) //2차메뉴보기
{
	if(this.id){
		eidStr = this.id;
		eidNum=eidStr.substring(eidStr.lastIndexOf("m",eidStr.length)+1,eidStr.length);
		a = parseInt(eidNum);
	}
	top2menuHideAll();
	top1Menu = document.getElementById("top1m"+a);
	top2Menu = document.getElementById("top2m"+a);
	ann = (a<10)? "0"+a : ""+a;
	if(a==0){ //메인은2차메뉴활성화안함
	}else{
		if (top1Menu){ top1Menu.parentNode.className="on";
			var imgEl= top1Menu.childNodes[0];
			if(imgEl.src){
				_imgtype = imgEl.src.substr(imgEl.src.length-3,imgEl.src.length-1);
				var where = imgEl.src.indexOf("_on."+_imgtype,0);
				if(where==-1) imgEl.src = imgEl.src.replace("."+_imgtype,selMenu1+onflag+_imgtype);
			}
			if (top2Menu) { top2Menu.style.display = "inline"; }
		}
	}
}

function top2menuHide(a) //2차메뉴감추기
{
	if(this.id){
		eidStr = this.id;
		eidNum=eidStr.substring(eidStr.lastIndexOf("m",eidStr.length)+1,eidStr.length);
		a = parseInt(eidNum);
	}
	//top2menuHideAll();
	top1Menu = document.getElementById("top1m"+a);
	top2Menu = document.getElementById("top2m"+a);
	top1MenuCurr = document.getElementById("top1m"+d1n);
	top2MenuCurr = document.getElementById("top2m"+d1n);
	ann = (a<10)? "0"+a : ""+a;
	if (top1Menu) { 	top1Menu.parentNode.className=""	;
		var imgEl= top1Menu.childNodes[0]
		if(imgEl.src){
			_imgtype = imgEl.src.substr(imgEl.src.length-3,imgEl.src.length-1);
			var where = imgEl.src.indexOf(selMenu1+onflag+_imgtype,0);
			if(where!=-1) imgEl.src = imgEl.src.replace(selMenu1+onflag+_imgtype,"."+_imgtype);
		}
		if(top2Menu){
			top2Menu.style.display = "none";
		}
		if(top1MenuCurr){ top1MenuCurr.parentNode.className="on";
			var imgEl= top1MenuCurr.childNodes[0]
			if(imgEl.src){
				_imgtype = imgEl.src.substr(imgEl.src.length-3,imgEl.src.length-1);
				var where = imgEl.src.indexOf(selMenu1+onflag+_imgtype,0);
				if(where==-1) imgEl.src = imgEl.src.replace("."+_imgtype,selMenu1+onflag+_imgtype);
			}
		}
		if (top2MenuCurr) { top2MenuCurr.style.display = "inline"; }
	}
}

function top2menuHideAll() //2차메뉴모두감추기
{
	top1menuEl = document.getElementById("top1menu").childNodes;
	for (i=1;i<=11;i++)//메뉴삭제시 1차메뉴수가 안맞아 top1menuEl.length 대신 숫자로 넣음
	{
		top1Menu = document.getElementById("top1m"+i);
		top2Menu = document.getElementById("top2m"+i);
		inn = (i<10)? "0"+i : ""+i;
		if(top1Menu){ top1Menu.parentNode.className="";
			var imgEl= top1Menu.childNodes[0]
			if(imgEl.src){
				_imgtype = imgEl.src.substr(imgEl.src.length-3,imgEl.src.length-1);
				var where = imgEl.src.indexOf(selMenu1+onflag+_imgtype,0);
				if(where!=-1) imgEl.src = imgEl.src.replace(selMenu1+onflag+_imgtype,"."+_imgtype);
			}
			if (top2Menu) { top2Menu.style.display = "none"; }
		}
	}
}

function initTopMenu(d1,d2) {//1,2차메뉴초기화,마우스키보드이벤트할당
	d1n=d1;
	d2n=d2;
 	top1menuEl = document.getElementById("top1menu").childNodes;
	for (i=1;i<=11;i++)//메뉴삭제시 1차메뉴수가 안맞아 top1menuEl.length 대신 숫자로 넣음
	{
		top1Menu = document.getElementById("top1m"+i);
		top2Menu = document.getElementById("top2m"+i);
		if (top1Menu == null)
			break;
		if (top1Menu) {
			//var spanEl = document.createElement("span");//이미지대치기법용
			//top1Menu.insertBefore(spanEl,top1Menu.childNodes[0]);
			inn = (i<10)? "0"+i : ""+i;
			if(top1Menu.firstChild.tagName != "IMG"){//이미지가아니면
				top1Menu.innerHTML = '<img src="/images/mainmenu/menu'+inn+'.gif" alt="'+top1Menu.innerHTML+'" />';//이미지요소로대체
			}
			top1Menu.style.textIndent = "0";//스타일 원상태 복구.
			top1Menu.onmouseover = top1Menu.onfocus = top2menuView;
			top1Menu.onmouseout = top2menuHide;//onblur이벤트 제거 : IE에서 2차메뉴선택할 수 없어서..
			if (top2Menu) {
				top2Menu.style.display = "none";
				var top2MenuLastChild = top2Menu.lastChild;//끝li
				if(top2MenuLastChild){
					while(top2MenuLastChild.nodeName!="LI") top2MenuLastChild = top2MenuLastChild.previousSibling;
					top2MenuLastChild.className = "last";
				}
				var top2MenuFirstChild = top2Menu.firstChild;//첫li
				if(top2MenuFirstChild){
					while(top2MenuFirstChild.nodeName!="LI") top2MenuFirstChild = top2MenuFirstChild.nextSibling;
					top2MenuFirstChild.className = "first";
				}
				top2Menu.onmouseover = top2Menu.onfocus = top2menuView;
				top2Menu.onmouseout = top2Menu.onblur = top2menuHide;
				top2MenuAs = top2Menu.getElementsByTagName("a");
				if(top2MenuAs){
					for(var j=0;j<top2MenuAs.length;j++){
						top2MenuAs[j].innerHTML = '<span>'+top2MenuAs[j].innerHTML+'</span>';//디자인용
					}
				}
			}
		}
	}
	//2차메뉴활성
	top2MenuCurrAct = document.getElementById("top2m"+d1+"m"+d2);
	if (top2MenuCurrAct) { top2MenuCurrAct.getElementsByTagName("a")[0].className="on"; }
	top2menuHide(d1);//메뉴활성초기화
}

/** 서브메뉴 */
function subMenuInit(tnum, num, subNum, cnt) {
	var nnum = num;
	var nsubNum = subNum;
	
	for(var i = 1; i <= cnt; i++) {
		var submenu_ul = document.getElementById("submenu_ul_" + i);
		if(submenu_ul != null)
			submenu_ul.style.display="none";

		if("submenu_ul_" + i == "submenu_ul_" + num) {
			if(num < 10)
				nnum = "0" + num;
			if(subNum < 10)
				nsubNum = "0" + subNum;

			//이미지 변경
			var submenu_img = document.getElementById("submenu_img_" + num);

			if(submenu_img != null)
				submenu_img.src = "/images/submenu/smenu" + tnum + "_" + nnum + "_on.png";

			//하위메뉴 표시
			var submenu = document.getElementById("submenu_ul_" + num);

			if(submenu != null)
				submenu.style.display="block";

			//하위메뉴 선택 변경
			var img = document.getElementById("submenu_img_" + num + "_" + subNum);
		
			if(img != null)
				img.src = "/images/submenu/smenu" + tnum + "_" + nnum + "_" + nsubNum + "_" + "on.png";
		}
	}
}

function subMenuAll(cnt) {
	for(var i = 1; i <= cnt; i++) {
		var submenu_ul = document.getElementById("submenu_ul_" + i);
		if (submenu_ul.tagName.toLowerCase() == "ul") {
			submenu_ul.style.display="block";
		}
	}
}


/** 플래시 Import 스크립트 */
function FlashObject(docId, swf, width, height, bgcolor, id, flashvars)
{
    var strFlashTag = new String();

    if (navigator.appName.indexOf("Microsoft") != -1)
    {
        strFlashTag += '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
        //strFlashTag += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=version=8,0,0,0" ';
		strFlashTag += 'codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" ';
        strFlashTag += 'id="' + id + '" width="' + width + '" height="' + height + '">';
        strFlashTag += '<param name="movie" value="' + swf + '"/>';

        if(flashvars != null) {strFlashTag += '<param name="flashvars" value="' + flashvars + '"/>'};
        strFlashTag += '<param name="quality" value="best"/>';
        strFlashTag += '<param name="bgcolor" value="' + bgcolor + '"/>';
        strFlashTag += '<param name="menu" value="false"/>';
        strFlashTag += '<param name="salign" value="LT"/>';
        strFlashTag += '<param name="scale" value="noscale"/>';
        strFlashTag += '<param name="wmode" value="transparent"/>';
        strFlashTag += '<param name="allowScriptAccess" value="always"/>';
        strFlashTag += '</object>';
    }
    else
    {
        strFlashTag += '<embed src="' + swf + '" ';
		strFlashTag += 'wmode="transparent"';
        strFlashTag += 'quality="best" ';
        strFlashTag += 'bgcolor="' + bgcolor + '" ';
        strFlashTag += 'width="' + width + '" ';
        strFlashTag += 'height="' + height + '" ';
        strFlashTag += 'menu="false" ';
        strFlashTag += 'scale="noscale" ';
        strFlashTag += 'id="' + id + '" ';
        strFlashTag += 'salign="LT" ';
        //  strFlashTag += 'wmode="transparent" ';
        strFlashTag += 'allowScriptAccess="sameDomain" ';
        if(flashvars != null) {strFlashTag += 'flashvars="' + flashvars + '" '};
        strFlashTag += 'type="application/x-shockwave-flash" ';
        strFlashTag += 'pluginspage="http://www.macromedia.com/go/getflashplayer">';
        strFlashTag += '</embed>';
    }
    document.getElementById(docId).innerHTML = strFlashTag;
}

/** 퀵메뉴*/
function initMoving(target, position, topLimit, btmLimit) {
	if (!target)
		return false;

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

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

	if (typeof(window.pageYOffset) == "number") {
		obj.getTop = function() {
			return window.pageYOffset;
		};
	} else if (typeof(document.documentElement.scrollTop) == "number") {
		obj.getTop = function() {
			return document.documentElement.scrollTop;
		};
	} else {
		obj.getTop = function() {
			return 0;
		};
	}

	if (self.innerHeight) {
		obj.getHeight = function() {
			return self.innerHeight;
		}
	} else if(document.documentElement.clientHeight) {
		obj.getHeight = function() {
			return document.documentElement.clientHeight;
		}
	} else {
		obj.getHeight = function() {
			return 500;
		};
	}

	obj.move = setInterval(function() {
		if (obj.initTop > 0) {
			pos = obj.getTop() + obj.initTop;
		} else {
			pos = obj.getTop() + obj.getHeight() + obj.initTop;
			//pos = obj.getTop() + obj.getHeight() / 2 - 15;
		}

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

/** 탭메뉴 */
function tabList(ele, active){
	var ele = document.getElementById(ele);
	if(active === undefined) active = 0;

	// tabtit를 포함하는 제목 노드들 수집
	var btn = ele.getElementsByTagName("*");
	for(var i=0; i<btn.length; i++){
		if(btn[i].className.indexOf('tabtit') != -1){
			btn = btn[i].nodeName;
			btn = ele.getElementsByTagName(btn);
			break;
		}
	}

	// 타이틀의 타겟 레이어 이름중 숫자만 뺀 영문만 tab1 중 tab만
	var layerName = btn[0].getElementsByTagName("A")[0].href.split("#")[1];
	layerName = layerName.slice(0, layerName.length-1);

	for(var i=0; i<btn.length; i++){
		ele["target" + i] = document.getElementById(layerName + (i+1)); // 노드저장 예) tab1, tab2, tab3
		ele["a" + i] = btn[i].getElementsByTagName("A")[0]; // 탭링크
		ele["img" + i] = btn[i].getElementsByTagName("IMG")[0]; // 이미지노드 저장
		btn[i].style.position = "absolute"; // 제목레이어 적용
		ele.getElementsByTagName("P")[i].style.position = "absolute"; // 더보기 레이어
	}

	/* 초기세팅 */
	var oldActive = active;
	for(var i=0; i<btn.length; i++){
		ele["a" + i].cnt = i;
		ele["a" + i].onclick = function menuActive(){
			ele["target" + oldActive].style.display = "none";
			ele["img" + oldActive].src = ele["img" + oldActive].src.replace("_over", "_out");

			ele["target" + this.cnt].style.display = "block";
			ele["img" + this.cnt].src = ele["img" + this.cnt].src.replace("_out", "_over");
			oldActive = this.cnt;
			return false;
		}

		if(active == i) continue; // 초기 활성화
		ele["target" + i].style.display = "none";
		ele["img" + i].src = ele["img" + i].src.replace("_over", "_out");

	}
}

//탭
function TabChange2(num)
{
	for(i = 1; i <= tab2MaxCount;i++)
	{
		document.getElementById("tab2_" + i).style.display="none";
	}

	document.getElementById("tab2_" + num).style.display="block";

	selectedTabIdx2 = num;
	tabImgRollOver2(num);
}

//탭 이미지
function tabImgRollOver2(num)
{
	for(i = 1; i <= tab2MaxCount;i++)
	{
		document.getElementById("TabImg2_" + i).src = tabImgPath+i+".gif";
	}

	if(num < 10)
		nnum = num;

	if(num != null && num != 0)
		document.getElementById("TabImg2_" + num).src = tabImgPath + nnum + "_on.gif";

	if(selectedTabIdx2 < 10)
		nselectedTabIdx = selectedTabIdx2;

	document.getElementById("TabImg2_" + selectedTabIdx2).src = tabImgPath + nselectedTabIdx + "_on.gif";

}

/** 셀렉트롤
* desc : <select><option> 처럼 동작. CSS로 디자인 가능. 이동버튼 없어도 접근성 우수함.
* 클릭시 option 메뉴 감춤.
* ex)
<div id="selectId">
<h3>관련 사이트 바로가기</h3>
<ul id="optionId">
<li><a href="http://naver.com" onclick="window.open(this.href); return false;" title="새 창에서 열림">네이버 [새 창]</a></li>
<li><a href="http://naver.com">네이버</a></li>
</ul>
</div>
<script type="text/javascript">initSelect("selectId","optionId");</script><noscript><p>JavaScript</p></noscript>
*/
function initSelect(selectId,optionId) {
 	var selectEl = document.getElementById(selectId);
	var selectFirst = selectEl.getElementsByTagName("*")[0];
	if(selectFirst.tagName!="a")	selectFirst.innerHTML = "<a href='#tmpLink'><span>"+selectFirst.innerHTML+"</span></a>";
	selectEl.innerHTML = "<div>"+selectEl.innerHTML+"</div>";
 	var selectD = selectEl.getElementsByTagName("div")[0];
	var selectAarr = selectEl.getElementsByTagName("a");
 	var optionEl = document.getElementById(optionId);
	optionEl.style.display = "none";//css 에서 "none"하면 접근성 문제 있어 js 로 처리.
	//selectEl.onmouseover = selectAarr[0].onfocus = function selectOver(){//마우스오버시활성
	selectAarr[0].onclick = optionEl.onmouseover = function selectOver(){//클릭시활성
		selectD.className = "on";
		optionEl.style.display = "block";
		//selectD.onmouseover = selectOver;
		return false;
	}
	selectEl.onmouseout = selectAarr[selectAarr.length-1].onblur = function selectOut(){//비활성
		selectD.className = "";
		optionEl.style.display = "none";
	}
	for(var i=1;i<=selectAarr.length-1;i++){// i=1부터 적용주의
		if(typeof selectAarr[i].onclick == "function") {
			selectAarr[i].oldonclick = selectAarr[i].onclick;//전역변수로지정
		}
		selectAarr[i].onclick = function(){
			selectAarr[0].innerHTML = "<span>"+this.innerHTML+"</span>";//선택된태그를표시
			if(this.oldonclick) {//onclick 이 있을 경우에만
				this.oldonclick();
				optionEl.style.display = "none";
				return false;
			}
		}
	}
}

/** 전체메뉴초기화
* desc: FF, Op, Sf 키보드 운용 위해 닫기버튼이전에 위치해야 함.
* FF 는 본인 display: none; 일 경우 포커스 잃어버리므로 닫기 버튼에 return false;는 지운다.
* id, display 속성 삭제, IE외 동작 오류(2차메뉴 ul 요소 노드 못 찾는) 해결.
* ex) initAllMenu("전체메뉴펼침레이어id");
*/
function initAllMenu(id){
	var allm = document.getElementById(id);
	allm.style.display="none";
	var tm = document.getElementById("topmenu");
	var newNode = document.createElement("ul");
	var targetNode = allm.lastChild;
	var allmUl = allm.insertBefore(newNode,targetNode);
	if(tm){
		var tmUl = tm.getElementsByTagName("ul")[0];
		allmUl.innerHTML = tmUl.innerHTML;
		var allmUlss = allmUl.childNodes;
		for(var i=0;i<allmUlss.length;i++){
			if(allmUlss[i].tagName=="LI") allmUlss[i].className = allmUlss[i].firstChild.id;//#allmenu #allm ul li 클래스명 할당.
		}
		var allmUlss = allmUl.getElementsByTagName("*");
		for(var i=0;i<allmUlss.length;i++){
			if(allmUlss[i].nodeName=="IMG") allmUlss[i].parentNode.innerHTML=allmUlss[i].alt;//이미지를텍스트로
		}
		//요소 변경 코드(위 코드 img 삭제)를 먼저 수행 후 속성 변경을 위해 다시 배열 생성.
		var allmUlss = allmUl.getElementsByTagName("*");
		for(var i=0;i<allmUlss.length;i++){
			if(allmUlss[i].id){
				allmUlss[i].id="";
				allmUlss[i].style.display="";//initTopMenu(); 에서 부여된 display 속성 삭제
			}
		}
	}
}
//보이기감추기 여러개
//ex) displayOn('id1','id2'); displayOff('id1','id2'); //인수 개수에 상관없다.
function displayOn() {//보이기
	var i,j,a=displayOn.arguments;
	for(var i=0;i<a.length;i++){
		var obj = document.getElementById(a[i]);
		if(obj){ obj.style.display = "block"; }
	}
}
function displayOff() {//감추기
	var i,j,a=displayOff.arguments;
	for(var i=0;i<a.length;i++){
		var obj = document.getElementById(a[i]);
		if(obj){ obj.style.display = "none"; }
	}
}

function loginPage() {//로그인 페이지호출
	if (confirm('인증절차 후 이용가능합니다. 진행하시겠습니까?')) {
		//location.href = "/forward.do?page=0001&returnUrl=" + document.getElementById('returnUrl').value;
		location.href = "/login/goLoginPage.do?page=0001&returnUrl=" + document.getElementById('returnUrl').value;
	}
}

/* 레이어 SHOW/HIDE **********************************************************************/
function showdiv(targetEl, uniqid) {
		if(document.getElementById(targetEl)) document.getElementById(targetEl).style.display="block";
	}
	function hidediv(targetEl) {
		if(document.getElementById(targetEl)) document.getElementById(targetEl).style.display="none";
	}

// 스토리텔링 펼치기 접기
var old_menu = "";
function menuclick(storyopen)
{
	if( old_menu != storyopen ) {
		if( old_menu !="" ) {
			old_menu.style.display = "none";
		}
		storyopen.style.display = "block";
		old_menu = storyopen;
		document.getElementById("story_img").src = "/images/story/close_btn.gif";
		document.getElementById("story_img").alt = "스토릴텔링 닫기";
	} else {
		storyopen.style.display = "none";
		old_menu = "";
		document.getElementById("story_img").src = "/images/story/open_btn.gif";
		document.getElementById("story_img").alt = "스토리텔링 펴기";
	}
}

//글자확대
var zoomFirst = 100;
function zoomPlus()	{
	if (zoomFirst!=300){
		zoomFirst = zoomFirst + 10;
		document.getElementById("wrap").style.zoom = zoomFirst+'%';
	}
}

//글자 축소
function zoomMinus()	{
	if (zoomFirst!=100){
		zoomFirst = zoomFirst - 10;
		document.getElementById("wrap").style.zoom = zoomFirst+'%';
	}
}

/*
// Function : onOnlyNumber
// Description : 숫자만 입력받도록
//  Param  : obj - text
//  Return  : true or false
*/
function chkOnlyNumber(obj)
{
	for (var i = 0; i < obj.value.length ; i++) {
		chr = obj.value.substr(i,1);
		chr = escape(chr);
		key_eg = chr.charAt(1);
		if (key_eg == "u"){
			key_num = chr.substr(i,(chr.length-1));
			if((key_num < "AC00") || (key_num > "D7A3")) {
				event.returnValue = false;
			}
		}
	}
	if (event.keyCode < 48 || event.keyCode > 57) {
		event.returnValue = false;
	}
}

//숫자만 입력되어 있는지 검사. 숫자만 입력되지 않았을 경우 경고창 띄움
function isNumeric(val, message){

	var item = document.getElementById(val);
	var itemValue = item.value;
	
	str = "0123456789";
	for (i=0;i<itemValue.length;i++){
		// i 번째 문자가 숫자가 아니면 거짓.
		if (str.indexOf(itemValue.charAt(i)) == -1){
			alert(message);
			item.select();
			return false;
		}
	}
	return true;
}

//숫자만 입력 가능하도록 유효성 검사
function onlyNumberInput(input){
	var value = input.value;
	if( value.length <= 0 )	return;

	str = "0123456789";
	
	var result = "";
	for(var length=0; length < value.length; length++){
		if( str.indexOf( value.charAt(length) ) != -1 ){
			result += value.charAt(length);
		}
	}
	
	input.value = result;
}