//Element ID ºÒ·¯¾²±â
function dEI(elementID){
	return document.getElementById(elementID);
}

// roundBox Layout
function initLayout(layoutEl,childEl) {
	var layoutId = dEI(layoutEl);
	var contentsId = dEI(childEl);
		
	//create and build div structure
	var bodyTH = document.createElement('div');
	var bodyLV = document.createElement('div');
	var bodyRV = document.createElement('div');
	var bodyBH = document.createElement('div');
	var bodyTL = document.createElement('div');
	var bodyTR = document.createElement('div');
	var bodyBL = document.createElement('div');
	var bodyBR = document.createElement('div');
	bodyTH.className = "bodyTH";
	bodyLV.className = "bodyLV";
	bodyRV.className = "bodyRV";
	bodyBH.className = "bodyBH";
	bodyTL.className = "bodyTL";
	bodyTR.className = "bodyTR";
	bodyBL.className = "bodyBL";
	bodyBR.className = "bodyBR";
	layoutId.appendChild(bodyTH);
	bodyTH.appendChild(bodyLV);
	bodyLV.appendChild(bodyRV);
	bodyRV.appendChild(bodyBH);
	bodyBH.appendChild(bodyTL);
	bodyTL.appendChild(bodyTR);
	bodyTR.appendChild(bodyBL);
	bodyBL.appendChild(bodyBR);
	bodyBR.appendChild(contentsId);
}

//TopArea height control
function chageHeight(Fheight){
	document.getElementById("topArea").style.height=Fheight+"px";
}

//Images Btn_KSS
function BtnOn(imgEl){
	imgEl.src = imgEl.src.replace(".gif", "_on.gif");
}
function BtnOut(imgEl){
	imgEl.src = imgEl.src.replace("_on.gif", ".gif");
}

// first ¿¹¿ÜÃ³¸® firstChild(ºí·°Id, ÅÂ±×³×ÀÓ, Ã³¸®ÇÒ ¾ÆÀÌÅÛ ¹øÈ£) // ¾ÆÀÌÅÛ¹øÈ£´Â 0¹øºÎÅÍ ¹ÝÈ¯
function firstChild(Elid, Etn, Num){
	if(Num==""){Num=0;}
	liEl = dEI(Elid).getElementsByTagName(Etn);
	if (liEl.item(Num)) {
		liEl.item(Num).className += " first-child";
	}
}

//ÆË¾÷¶ç¿ì±â
function openPop(url,idn,intWidth,intHeight,scroll) { 
	//alert("pop_scroll");
	window.open(url, idn,"width="+intWidth+", height="+intHeight+",resizable=0,scrollbars="+scroll) ;
}

//openDrop Layer
function viewInfo(list,total,num){
var size = total;// list count +1
var id = list;
	for(i=1;i<size;i++){
		var liEI = document.getElementById(id+i);
		if(i==num){
			if(liEI.className == "open"){
				liEI.className = "";
			}else{
				liEI.className = "open";
			}
		}else{
			liEI.className = "";
		}
	}
}


// ÀÌ¹ÌÁö ·Ñ¿À¹ö
function imgRollover(imgBoxID){
	var MenuCounts = dEI(imgBoxID).getElementsByTagName("img");
	for (i=0;i<MenuCounts.length;i++) {
		var numImg=MenuCounts.item(i);
		var ImgCheck = numImg.src.substring(numImg.src.length-6,numImg.src.length);
		if (ImgCheck!="on.gif") {
				numImg.onmouseover = function () {
					this.src = this.src.replace(".gif", "on.gif");
				}
				numImg.onmouseout = function () {
					this.src = this.src.replace("on.gif", ".gif");
				}
			}
	}
}


// scrolling layer
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)
}
//scrolling layer end

/* Change Over Row Class */
function changeOverRowClass(elId, tagName, searchClass) {
	var el = document.getElementById(elId).getElementsByTagName(tagName);

	for (i=0; i<el.length; i++) {
		if (el[i].className == searchClass || el[i].className == searchClass + " on") {
			el[i].onmouseover = changeOverRowClassOver;
			el[i].onmouseout = changeOverRowClassOut;
		}
	}
}
function changeOverRowClassOver() {
	if (this.className == "") {
		this.className = this.className + " on";
	} else {
		this.className = "on";
	}
}
function changeOverRowClassOut() {
	if (this.className == "on") {
		this.className = "";
	} else {
		this.className = this.className.replace(" on", "");
	}
}

// Tab Content
function tabCheck(dotabid ,snum, tnum){
	var inum=parseInt(tnum)-1;
	var imgCh=document.getElementById("mapImg");
	var linkTab=dEI(dotabid).getElementsByTagName("a");
	for (i=0;i<linkTab.length;i++) {
		var tabimg = linkTab.item(i).getElementsByTagName("img").item(0);
		var tabContents= dEI(dotabid+(1+i));
			if (i==inum) {
			if(tabContents.style.display!="block"){
			tabimg.src=tabimg.src.replace(".gif", "on.gif");
			tabContents.style.display="block";
			imgCh.src="http://s.nx.com/s2/game/sp1/sp1_OB/image/Information/map0"+snum+"_copy0"+tnum+".gif";//Map copyÀÌ¹ÌÁö
			}
		}else{
		tabimg.src=tabimg.src.replace("on.gif", ".gif");
		tabContents.style.display="none";
		}
	}
}
// Tab Content - index page
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();
}

//image Change
function thumOnclick(doList){
	var listCount=document.getElementById(doList).getElementsByTagName("a");
	for(i=0; i<listCount.length;i++){
		listCount.item(i).onclick=function(){
			thumChange(doList, this.href, this);return false;
		}
	}
}

function thumChange(doId, imgUrl, cname){
	var mapCount=document.getElementById(doId).getElementsByTagName("a");
	for(i=0; i<mapCount.length;i++){
			var maptab=mapCount.item(i).getElementsByTagName("img").item(0);
			maptab.src=maptab.src.replace("on.gif", ".gif");
			mapCount.item(i).className=mapCount.item(i).className.replace("on", "");
			cname.className="on";
			if (mapCount.item(i).className=="on"){
				maptab.src=maptab.src.replace(".gif", "on.gif");
				document.getElementById(doId+"Img").src=imgUrl;
			}
		}
}

//PNG24
function setPng24(obj)
{
    obj.width = obj.height = 1;
    obj.className = obj.className.replace(/\bpng24\b/i,'');
    obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
    obj.src = '';
    return '';
}

// ¹ö±×¿ÀÅ¥ ÄÚ¸àÆ®
function ChangeText(obj)
{
	if(	obj.options[obj.selectedIndex].value != 6)
	{
		document.getElementById("hEditStage").contentWindow.document.body.innerHTML="<font size='2px' color='#000'>¾Æ·¡¿¡ ±âÀçµÈ Çü½ÄÀ¸·Î ÀÛ¼ºÇÏ¿© ÁÖ½Ã±â ¹Ù¶ø´Ï´Ù.<p/>" 
		+"¿À·ù »çÇ× ½º¼¦À» Ã·ºÎÇØ ÁÖ½Ã¸é º¸´Ù ºü¸¥ ¿øÀÎ ÆÄ¾Ç¿¡ µµ¿òÀÌ µË´Ï´Ù.<p/>"
		+"1. ¿À·ù ¹ß»ý ÀÏ½Ã<p/>"
		+"2. ¿À·ù Çö»ó [ÃÖ´ëÇÑ ÀÚ¼¼ÇÏ°Ô ¼­¼ú]<p/>"
		+"3. ¹ß»ýÇÑ ¿À·ù¿Í °ü·ÃµÈ ¾ÆÀÌµð<p/>"
		+"4. ¿À·ù ¸Þ½ÃÁö ¹× ¿À·ù ¹ß»ý ½Ã ÀüÃ¼ È­¸é ½º¼¦ Ã·ºÎ [±ÇÀå]<p/>"
		+"¡Ø Á¢¼öµÈ ÈÄ¿¡´Â ¼öÁ¤ÀÌ ºÒ°¡´ÉÇÏ¿À´Ï ½ÅÁßÇÏ°Ô ÀÛ¼ºÇØ ÁÖ½Ã±â ¹Ù¶ø´Ï´Ù. <p/></font>";
	}
	else
	{
			document.getElementById("hEditStage").contentWindow.document.body.innerHTML="<font size='2px' color='#000'>* ¾Æ·¡ ³»¿ë¿¡ ´ëÇØ ÃÖ´ëÇÑ ÀÚ¼¼È÷ ÀÛ¼ºÇØ ÁÖ¼¼¿ä.<p/>" 
			+"1. ÇÇÇØ Ä³¸¯ÅÍ¸í/¼­¹ö : <p/>"
			+"2. ¹®Á¦ ¹ß»ý ³¯Â¥/½Ã°£ : (ÃÖ´ëÇÑ ±¸Ã¼ÀûÀÎ ³¯Â¥ ¹× ½Ã°£ ±âÀÔ)<p/>"
			+"3. ÇÇÇØ ³»¿ª :<p/>"
			+"4. ¿¬¶ôÃ³ : (Ã³¸® °á°ú SMS ¼ö½Å¿¡ µ¿ÀÇÇÏ½Ã´Â È¸¿ø´Ô¿¡ ÇÑÇØ¼­¸¸ ±âÀÔ)<p/>"
			+"5. ±âÅ¸ ÀÚ¼¼ÇÑ ³»¿ë:<p/>"
			+"* Âü°í»çÇ× <br/>"
			+" - ÃÖ´ë 4ÁÖÀÇ Ã³¸® ±â°£ÀÌ ¼Ò¿äµÉ ¼ö ÀÖÀ¸¸ç,<br/>&nbsp;&nbsp; Ã³¸® °á°ú´Â ÇöÀç ½Å°í °Ô½Ã¹°ÀÇ ´äº¯À» ÅëÇØ È®ÀÎÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.<br/>"
			+" - 2008³â 5¿ù 16ÀÏ ÀÌÈÄ ÇØÅ· ¹ß»ý °Ç¿¡ ´ëÇØ¼­´Â 2Â÷ ºñ¹Ð¹øÈ£¸¦ ¼³Á¤ÇÏÁö ¾ÊÀº °æ¿ì<br/>&nbsp;&nbsp; ÇØÅ· º¹±¸ ¼­ºñ½º¸¦ ¹ÞÀ¸½Ç ¼ö ¾ø½À´Ï´Ù. <br/>"
			+" - ½Ã½ºÅÛ »ó È®ÀÎÀÌ ºÒ°¡ÇÑ ³»¿ë¿¡ ´ëÇØ¼­´Â ÇØÅ· ÃßÀûÀÌ °¡´ÉÇÏÁö ¾Ê½À´Ï´Ù.<br/>"
			+" - ÀÏºÎ ¾ÆÀÌÅÛÀº º¹±¸ ´ë»ó ¾ÆÀÌÅÛ¿¡¼­ Á¦¿ÜµÉ ¼ö ÀÖ½À´Ï´Ù.<br/>"
			+" - ÇØ´ç ¼­ºñ½º¸¦ ¾Ç¿ëÇÏ°Å³ª ÇãÀ§ ½Å°í ³»¿ëÀ¸·Î Á¢¼öÇÒ °æ¿ì, ºÒÀÌÀÍÀ» ¹ÞÀ¸½Ç ¼ö ÀÖ½À´Ï´Ù.</font>";
	}
}