/*
Áö¿ì´Ô ±Û ÂüÁ¶
http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=48766&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%C0%A7%C1%F6%C0%A8&sop=and
ÂüÁ¶ÇßÀ½.

Â÷ÀÌÁ¡ : Ŭ·¡½ºÇü½Ä
Ãß°¡
1.±Û µî·Ï½Ã ±Û¾È¾²¸é °æ°í¹®±¸¶ç¿ì±â : hname='´Ü¾î' required
2.<p>ÅÂ±× <br>·Î º¯È¯ : join»ç¿ë

Ç¥±â´É
[ÂüÁ¶] http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=qna_html&wr_id=106481&page=&sfl=wr_subject%7C%7Cwr_content&stx=%BF%A1%B5%F0%C5%CD+%C5%D7%C0%CC%BA%ED&spt=&page=&cwin=#c_116237
¼ø¼ö¢â´Ô ±Û ÂüÁ¶.
ÇÔ¼ö¸¦ ÂüÁ¶Çؼ­ Á¶°¢Á¶°¢ ÇÔ¼öÈ­½ÃÄѼ­ ÀÛ¾÷ÇßÀ½.
*/
var wysiwyg_Class = function () {
	var version = '1.0 r080820';
	var textareaName = new Array();	// typeÀÌ "editor"ÀÎ textarea ¹è¿­
	this.img_upload = new Array();
	this.img_upload_num = 0;
	this.frame_use = '';						// iframe name¸í
	this.img = '';								// ¾÷·ÎµåÇÑ À̹ÌÁö¸í.
	this.edit_mode = new Array();		// ÆíÁý ¸ðµå
	this.htmlid = '';
	this.state = true;

	this.intRowNum = 10;
	this.intColNum = 10;
	this.X = -1;
	this.Y = -1;
	this.arrTableRef = new Array();
	var viewSource = false;

	/*##############################################################################################################
	À§ÁöÀ§±× ¿¡µðÅÍÀÇ »ó´ë°æ·Î ¼³Á¤
	##############################################################################################################*/
	var file_location	= document.URL;
	var domainname	= document.domain;
	var loca_gubun	= file_location.split('/');
	var loca	= "rankup_wysiwyg/"; // ¼³Ä¡µÈ Æú´õ¸í
	var classObj = this;
	var locale = new String(document.location);
	var depth = (locale.indexOf(new String(document.domain)+"/~")!=-1) ? 5 : 4;
	for(var i=0; i<loca_gubun.length - parseInt(depth,10); i++) loca = "../" + loca;

	this.link_click_state	= function (e) {
		if(e.style.filter=="gray() alpha(opacity=50)") return false;
	}

	//ÇÔ¼ö
	this.htmledit			= function (excute, bool, value, num) {
		if(viewSource == false) {
			document.getElementById('iframe'+textareaName[num]).contentWindow.focus();
			if(navigator.appName != "Microsoft Internet Explorer" && excute=="backcolor") excute = "hilitecolor";
			if(excute=="createlink")	 document.getElementById('iframe'+textareaName[num]).contentWindow.document.execCommand(excute, bool);
			else document.getElementById('iframe'+textareaName[num]).contentWindow.document.execCommand(excute, bool, value);
			document.getElementById('fontfaceLayer'+num).style.display = "none";
			document.getElementById('fontsizeLayer'+num).style.display = "none";
			document.getElementById('fgLayer'+num).style.display = "none";
			document.getElementById('bgLayer'+num).style.display = "none";
			this.copyTohtml();
		}
	}

	this.viewLayer			= function (num, layerId, e, e2) {
		if(e2) this.state = this.link_click_state(e2);
		if(this.state==false)	return false;
		document.getElementById('fontfaceLayer'+num).style.display = "none";
		document.getElementById('fontsizeLayer'+num).style.display = "none";
		document.getElementById('fgLayer'+num).style.display = "none";
		document.getElementById('bgLayer'+num).style.display = "none";
		document.getElementById('viewPyo'+num).style.display = "none";
		if(layerId) {
			var obj = document.getElementById(layerId);
			obj.style.display = "inline";
			obj.style.left = e ? e.pageX : event.x;
			var layer_word = layerId.substring(0,7);
			if(layer_word=='viewPyo') Wysiwyg.tablepyo_func2(num);
		}
	}

	/*##############################################################################################################
	À̹ÌÁö ¾÷·Îµå
	##############################################################################################################*/
	this.use_image			= function (elmId, elmName, num, e) {
		if(e)	this.state	= this.link_click_state(e);
		if(this.state==false)	return false;
		this.frame_use	= eval(elmId);
		if(window.attachEvent) {
			this.img_upload[this.img_upload_num]	= showModalDialog(loca+'img_add.html?iname='+elmId+'&num='+num, window, 'resizable: yes; help: no; status: no; scroll: no; dialogWidth:650px;dialogHeight:300px;');
			if(this.img_upload[this.img_upload_num]) {
				this.frame_use.focus();
				this.frame_use.document.execCommand('InsertImage', false, loca+'PEG_temp/'+this.img_upload[this.img_upload_num]);//ºÎ¸ðâ¿¡ À̹ÌÁö ³Ö±â
				this.img_upload_num++;
			}
		}
		else if(window.addEventListener) {
			window.open(loca+'img_add.html?iname='+elmId+'&num='+num+'&img_num='+this.img_upload_num, window, 'resizable: yes; help: no; status: no; scroll: no;');
		}
	}

	/*##############################################################################################################
	Å×À̺í Ç¥ »ý¼ºÇϱ⿡¼­ onMouseOverºÎºÐ
	##############################################################################################################*/
	this.tableTag_create_over	 = function (num, iX, iY) {
		var tdim	= document.getElementById('tdim'+num);
		tdim.innerText = (iX + 1) + " ¡¿ " + (iY + 1);
		var use_X	= this.X;
		var use_Y	= this.Y;
		var arrTableRef	= this.arrTableRef;
		for(var i=use_X; i<=iX; i++) for(var j=0; j<=use_Y; j++)			arrTableRef[num][i][j].bgColor = "#D6E3F1";
		for(var j=use_Y+1; j<=iY; j++) for(var i=0; i<=use_X; i++)		arrTableRef[num][i][j].bgColor = "#D6E3F1";
		for(var i=use_X+1; i<=iX; i++) for(var j=use_Y+1; j<=iY; j++)	arrTableRef[num][i][j].bgColor = "#D6E3F1";
		for(var i=iX+1; i<=use_X; i++) for(var j=0; j<=iY; j++)			arrTableRef[num][i][j].bgColor = "#F7F7F7";
		for(var j=iY+1; j<=use_Y; j++) for (var i=0; i<=iX; i++)			arrTableRef[num][i][j].bgColor = "#F7F7F7";
		for(var i=iX+1; i<=use_X; i++) for(var j=iY+1; j<=use_Y; j++)	arrTableRef[num][i][j].bgColor = "#F7F7F7";
		this.X = iX;
		this.Y = iY;
	}

	/*##############################################################################################################
	Å×À̺í Ç¥ »ý¼ºÇϱ⿡¼­ onMouseOutºÎºÐ
	##############################################################################################################*/
	this.tableTag_create_out	= function (num) {
		var tds = new String();
		var trs = new String();
		var width_num	 = Math.floor(100 / (this.X+1));

		for(var i=0; i<(this.X+1); i++) tds += "<td></td>"; //  width='"+width_num+"%'  width °ª Á¦°Å - 2008.06.02 
		for(var i=0; i<(this.Y+1); i++) trs += "<tr>"+tds+"</tr>";
		// width, height °ª pixel °ªÀ¸·Î ÁöÁ¤ - 2008.06.02
		var content = document.getElementById('iframe'+textareaName[num]).contentWindow.document.body;
		if(content.innerHTML=="<P>&nbsp;</P>") content.innerHTML = '';
		var table = "<table style='{:size:}' cellpadding=4 cellspacing=1 border=0 bgcolor=#dedede><tbody bgcolor=white>"+trs+"</tbody></table>";

		//var doc	= document.getElementById('iframe'+textareaName[num]).contentWindow.document;
		document.getElementById('viewPyo'+num).style.display = 'none';  
		this.frame_use	= eval('iframe'+textareaName[num]);
		this.frame_use.focus();

		// °ø¹éµÚ¿¡ Å×À̺íÀÌ »ý¼ºµÇ¾î ÁÙÀÌ ¹Ù²î´Â Çö»ó ÇȽº - 2008.06.02
		this.frame_use.document.execCommand('InsertInputHidden', false, "table"); // Ä¿¼­ À§Ä¡¿¡ Å×À̺íÀ» »ðÀÔÇϱâ À§ÇÑ ²Ä¼ö!
		if(content.innerHTML=='' || content.innerHTML=="<INPUT id=table type=hidden>") content.innerHTML = table.replace(/{:size:}/g, "width:99%;height:"+(this.Y+1)*24); //(content.offsetWidth-28)
		else content.innerHTML = content.innerHTML.replace(/<INPUT id=table type=hidden>/g, table.replace(/{:size:}/g, "width:99%;height:"+(this.Y+1)*24));
	}

	/*##############################################################################################################
	Å×À̺í Ç¥ ´Ý±â
	##############################################################################################################*/
	this.view_pyo_onMouseOut	= function (num) {
		document.getElementById('viewPyo'+num).style.display = 'none'; 
	}

	/*##############################################################################################################
	Å×À̺í Ç¥ »ý¼ºÇϱ⿡¼­ Å×À̺í Ç¥ºÎºÐ
	##############################################################################################################*/
	this.tablepyo_func	= function (num) {
		var tag	= new String();
		for(var row=0; row<this.intRowNum; row++) {
			for(var col=0, _tag=''; col<this.intColNum; col++) _tag += "<td width='10' height='10' id='Wysiwyg_id_"+num+"_"+col+"_"+row+"' onMouseOver=\"Wysiwyg.tableTag_create_over('"+num+"', "+col+", "+row+")\" onMouseDown=\"Wysiwyg.tableTag_create_out("+num+")\">¡¡</td>";
			tag += "<tr>"+_tag+"</tr>";
		}
		return tag;
	}

	/*##############################################################################################################
	Å×À̺í Ç¥ »ý¼ºÇϱ⿡¼­ Å×À̺í Ç¥ºÎºÐ2
	##############################################################################################################*/
	this.tablepyo_func2	= function (num) {
		var arrTableRef = new Array();
		arrTableRef[num] = new Array();
		for(var i=0; i<this.intRowNum; i++) {
			arrTableRef[num][i] = new Array();
			for(var j=0; j<this.intColNum; j++) arrTableRef[num][i][j] = document.getElementById("Wysiwyg_id_"+num+"_"+i+"_"+j);
		}
		this.arrTableRef	= arrTableRef;
	}

	/*##############################################################################################################
	ffÀ϶§´Â ÀÌ ÇÔ¼ö ÀÌ¿ëÇؼ­ À̹ÌÁö¸¦ ¿øÇÏ´Â °÷¿¡ ³õ´Â´Ù.
	##############################################################################################################*/
	this.ff_img_view		= function () {
		if(this.img) {
			this.frame_use.document.execCommand('InsertImage', false, loca+'PEG_temp/'+this.img);//ºÎ¸ðâ¿¡ À̹ÌÁö ³Ö±â
			this.img_upload[this.img_upload_num]	= this.img;
			this.img_upload_num++;
		}
	}

	/*##############################################################################################################
	´º¶óÀÎ Á¦°Å - ÆÄÆø/Àͽº °ø¿ë : editor ¸ðµå¿¡¼­ text ¸ðµå·Î Àüȯ½Ã ÀÌ¿ë - 2008.03.20 Ãß°¡ - ·©Å©¾÷ °³¹ßÆÀ
	##############################################################################################################*/
	this.nl2br_remove_content	= function (iframe, textarea) {
		var __zone = document.createElement("div"); // ÀÓ½ÃÁ¸ »ý¼º
		__zone.id = "__zone_"+iframe;
		__zone.style.display = "none";

		var content_string = document.getElementById(iframe).contentWindow.document.body.innerHTML;
		if(content_string.toLowerCase()=="&nbsp;<br>"||content_string.toLowerCase()=="<p>&nbsp;</p>") content_string = '';
		else {
			/*
			// <FONT size=1~7> Æ÷ÀÎÆ®·Î °íÁ¤ - 2008.06.03
			content_string = content_string.replace(/<FONT (.*)size=1>/g, "<FONT $1 style='font-size:8pt'>");
			content_string = content_string.replace(/<FONT (.*)size=2>/g, "<FONT $1 style='font-size:10pt'>");
			content_string = content_string.replace(/<FONT (.*)size=3>/g, "<FONT $1 style='font-size:12pt'>");
			content_string = content_string.replace(/<FONT (.*)size=4>/g, "<FONT $1 style='font-size:14pt'>");
			content_string = content_string.replace(/<FONT (.*)size=5>/g, "<FONT $1 style='font-size:18pt'>");
			content_string = content_string.replace(/<FONT (.*)size=6>/g, "<FONT $1 style='font-size:24pt'>");
			content_string = content_string.replace(/<FONT (.*)size=7>/g, "<FONT $1 style='font-size:36pt'>");
			*/
			// <P> ÅÂ±× Á¤¸®
			content_string = (document.all!=null) ? content_string.replace(/<P>\&nbsp;<\/P>\r\n/gi, '<BR>') : content_string.replace(/<P>\&nbsp;<\/P>\n/gi, '<BR>');
			content_string = content_string.replace(/<P>\&nbsp;<\/P>/gi, '');
			content_string = (document.all!=null) ? content_string.replace(/<\/P>\r\n/gi, '<BR>') : content_string.replace(/<\/P>\n/gi, '<BR>');
			content_string = content_string.replace(/<\/P>/gi, '').replace(/<P>/gi, '');
		}
		__zone.innerHTML = content_string;
		document.body.appendChild(__zone);
		try {
			var zone = document.getElementById(__zone.id);
			var tables = zone.getElementsByTagName("table");
			for(var i=0; i<tables.length; i++) {
				var table = (document.all!=null) ? tables[i].parentNode.innerHTML.replace(/\r\n/g,'') : tables[i].parentNode.innerHTML.replace(/\n/g,'');
				tables[i].parentNode.innerHTML = encodeURIComponent(table);
			}
			document.body.removeChild(__zone); // ÀÓ½ÃÁ¸ Á¦°Å
			content_string = decodeURIComponent(zone.innerHTML);
		}
		catch(e) {
			// alert(e.message);
			content_string = zone.innerHTML;
		}
		// A ÅÂ±× ¸ÓÁö±â´É ÆÐÄ¡ - 2008.06.16 Àû¿ë
		var atags = content_string.match(/(<a [^<]*href=["|']?([^ "']*)["|']?[^>])/gi);
		if(atags!=null) {
			try { var _domain = domain } catch(e) { var _domain = document.domain }
			for(var i=0; i<atags.length; i++) content_string = content_string.replace(atags[i], atags[i].replace(_domain+"rankup_module/rankup_banner/{:", "{:"));
		}
		document.getElementsByName(textarea)[0].value = content_string;
	}

	this.viewSource		= function (elmId, elmName, num) {
		viewSource = true;
		var toolbox = document.getElementsByName('toolbox'+num);
		var tools = toolbox[0].getElementsByTagName('img');
		for(var i=0; i<tools.length; i++) {
			switch(tools[i].id) {
				case "viewSourceBtn":
					tools[i].style.display = "none";
					break;
				case "viewEdirorBtn":
					tools[i].style.display = "inline";
					break;
				default:
					tools[i].style.filter	 = "gray() alpha(opacity=50)";
					tools[i].style.cursor = "arrow";
			}
		}
		document.getElementById(elmId).style.display = "none";
		document.getElementsByName(elmName)[0].style.display = "inline";
		// Ãß°¡ 2008.03.25 - ·©Å©¾÷ °³¹ßÆÀ
		this.nl2br_remove_content(elmId, elmName);
		document.getElementsByName(elmName)[0].focus();
	}

	this.viewEdiror			= function (elmId,elmName, num) {
		viewSource	= false;
		var toolbox = document.getElementsByName('toolbox'+num);
		var tools = toolbox[0].getElementsByTagName('img');
		for(var i=0; i<tools.length; i++) {
			switch(tools[i].id) {
				case "viewEdirorBtn":
					tools[i].style.display = "none";
					break;
				case "viewSourceBtn":
					tools[i].style.display = "inline";
					break;
				default:
					tools[i].style.filter	 = "";
					tools[i].style.cursor = "pointer";
			}
		}
		document.getElementById(elmId).style.display = "inline";
		document.getElementsByName(elmName)[0].style.display = "none";
		document.getElementById(elmId).contentWindow.document.body.innerHTML = document.getElementsByName(elmName)[0].value;
	}

	this.copyTohtml		= function () {
		for (var i=0;i<textareaName.length;i++) {
			document.getElementsByName(textareaName[i])[0].value = document.getElementById("iframe"+textareaName[i]).contentWindow.document.body.innerHTML;
		}
	}

	this.copyToeditor		= function () {
		for (var i=0;i<textareaName.length;i++) {
			document.getElementById("iframe"+textareaName[i]).contentWindow.document.body.innerHTML = document.getElementsByName(textareaName[i])[0].value;
		}
	}
	//ÇÔ¼ö ³¡	

	this.createELM			= function () {
		//È­¸é¿¡ µû¶ó ¾à°£¾¿ Á¤ÇØÁà¾ßÇØ¿ä..(IE:FireFox)
		var left1 = (navigator.appName == "Microsoft Internet Explorer")?"353px":"349px";
		var left2 = (navigator.appName == "Microsoft Internet Explorer")?"403px":"389px";
		var left3 = (navigator.appName == "Microsoft Internet Explorer")?"519px":"515px";
		var left4 = (navigator.appName == "Microsoft Internet Explorer")?"537px":"533px";
		var textareaObj = document.getElementsByTagName('textarea');
		for (var i=0, c=0; i<textareaObj.length; i++) {
			if(textareaObj[i].getAttribute("type")=="editor") {
				textareaName[c] = textareaObj[i].getAttribute("name");
				c++;
			}
		}
		for(var i=0;i<textareaName.length;i++) {
			var textareaOrg = document.getElementsByName(textareaName[i])[0];
			var tbl_width_num = (textareaOrg.style.width) ? textareaOrg.style.width : 530;

			// Percentage('%') »ç¿ëÇÒ ¼ö ÀÖµµ·Ï ¼öÁ¤ - 2008.04.22 - ·©Å©¾÷ °³¹ßÆÀ
			var tbl_width = (tbl_width_num.indexOf("%")!=-1) ? tbl_width_num : parseInt(tbl_width_num) - 2;
			textareaOrg.style.width	= tbl_width_num;

			// ¾ÆÀÌÇÁ·¹ÀÓÀ» °¨½Î´Â Å×À̺í»ý¼º - 2008.04.22 - ·©Å©¾÷ °³¹ßÆÀ
			var editor_box = document.createElement("table");
			if(document.all) {
				var editor_box_tr = editor_box.insertRow();
				var editor_box_td = editor_box_tr.insertCell();
			}
			else {
				var editor_box_tr = document.createElement('tr'); 
				var editor_box_td = document.createElement('td');
			}
			editor_box.setAttribute("cellSpacing", 0);
			editor_box.setAttribute("cellPadding", 0);
			editor_box.width = tbl_width_num;
			if(!document.all) {
				editor_box_tr.appendChild(editor_box_td);
				editor_box.appendChild(editor_box_tr);
			}
			textareaOrg.parentNode.insertBefore(editor_box,textareaOrg);

			// ¾ÆÀÌÇÁ·¹ÀÓ»ý¼º
			var editorFrameObj = document.createElement("iframe");
			editorFrameObj.setAttribute("id","iframe"+textareaName[i]);
			editorFrameObj.setAttribute("name","iframe"+textareaName[i]);
			editorFrameObj.setAttribute("scrolling","yes");
			editorFrameObj.setAttribute("frameBorder","no");
			editorFrameObj.setAttribute("wrap","virtual");
			editorFrameObj.style.width = tbl_width;
			editorFrameObj.style.height = textareaOrg.style.height;
			editorFrameObj.style.border = "1px solid #D0D0D0";
			editorFrameObj.onmouseover = new Function("Wysiwyg.viewLayer('"+i+"');");
			editor_box_td.appendChild(editorFrameObj);

			var doc = document.getElementById("iframe"+textareaName[i]).contentWindow.document;
			doc.open(); 
			doc.write("<html><head>");
			doc.write("<style type='text/css'>");
			doc.write("body {margin:4px;}");
			doc.write("p {margin:0px;}");
			doc.write("body, th, td, div, span {font-size:9pt;font-family:verdana;}");
			/* -- ±âº»½ºÅ¸Àϸ¸ »ç¿ë -- 2008.06.02 ¼öÁ¤
			doc.write("ul,ol{ margin-top:0; margin-bottom:0; }");	
			doc.write("body, table, td{");
			doc.write("scrollbar-3dlight-color:#E0E0E0;");
			doc.write("scrollbar-arrow-color:#E0E0E0;"); 
			doc.write("scrollbar-base-color:#E0E0E0;"); 
			doc.write("scrollbar-darkshadow-color:#FFFFFF;"); 
			doc.write("scrollbar-face-color:#FFFFFF;"); 
			doc.write("scrollbar-highlight-color:#FFFFFF;"); 
			doc.write("scrollbar-shadow-color:#E0E0E0;");
			doc.write("font-family:dotum; font-size:9pt;}");
			*/
			doc.write("</style>");
			doc.write("</head><body bgcolor='#FFFFFF'>"+textareaOrg.value+"</body></html>"); 
			doc.close();

			// µðÀÚÀθðµå
			if(document.getElementsByName(textareaName[i])[0].getAttribute("readonly")==true) doc.designMode = "off";
			else doc.designMode = "on";

			// textarea ½ºÅ¸ÀÏ ÇȽº : 2008.04.08 - ·©Å©¾÷ °³¹ßÆÀ
			textareaOrg.style.backgroundColor="#ffffff";
			textareaOrg.style.color = "#336699";
			textareaOrg.style.fontSize = "9pt";
			textareaOrg.style.margin="-1px 0px -1px 0px";
			textareaOrg.style.height = parseInt(textareaOrg.style.height, 10)+2+"px";
			textareaOrg.style.padding = "4px";
			textareaOrg.style.border = "#D0D0D0 1px solid";
			textareaOrg.style.fontFamily = "verdana";
			textareaOrg.style.display = "none";

			// À̺¥Æ® ó¸®(³»¿ë »óÈ£º¹Á¦ ºÎºÐ)
			if(document.addEventListener) {
				doc.addEventListener("mousedown", Wysiwyg.copyTohtml, false);
				doc.addEventListener("blur", Wysiwyg.copyTohtml, false);
				textareaOrg.addEventListener("mousedown", Wysiwyg.copyToeditor, false);
				textareaOrg.addEventListener("blur", Wysiwyg.copyToeditor, false);
			}
			else if(document.attachEvent) {
				doc.attachEvent("onmousedown", Wysiwyg.copyTohtml, false);
				document.getElementById("iframe"+textareaName[i]).attachEvent("onblur", Wysiwyg.copyTohtml, false);
				textareaOrg.attachEvent("onmousedown", Wysiwyg.copyToeditor, false);
				textareaOrg.attachEvent("onblur", Wysiwyg.copyToeditor, false);
			}

			// µµ±¸Å×À̺í»ý¼º - Åø¹Ù ¼öÁ¤ - 2008.04.22 - ·©Å©¾÷ °³¹ßÆÀ
			var ctrlObj  = "\
			<div id='toolbox"+i+"' style='position:relative;width:"+tbl_width_num+";margin:0px;padding:0px;height:28px;border-left:1px solid #D0D0D0;border-top:1px solid #D0D0D0;border-right:1px solid #D0D0D0;'>\
			<table width='100%' cellpadding='0' cellspacing='0' border='0' bgcolor='#EFECE3'>\
			<tr align='left'>\
				<td id='toolbar'>";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_fontface.gif' border='0' alt='±ÛÀÚü' onClick=\"Wysiwyg.viewLayer('"+i+"', 'fontfaceLayer"+i+"', arguments[0], this)\">";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_fontsize.gif' border='0' alt='±ÛÀÚÅ©±â' onClick=\"Wysiwyg.viewLayer('"+i+"', 'fontsizeLayer"+i+"', arguments[0], this)\">";
			ctrlObj += "<img src='"+loca+"editor_images/ed_virtical.gif'> ";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_format_bold.gif' border='0' alt='º¼µåü' onClick=\"Wysiwyg.htmledit('bold', false, null, '"+i+"')\">";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_format_italic.gif' border='0' alt='±â¿ï¸²Ã¼' onClick=\"Wysiwyg.htmledit('italic', false, null, '"+i+"')\">";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_format_underline.gif' border='0' alt='¹ØÁÙ' onClick=\"Wysiwyg.htmledit('underline', false, null, '"+i+"')\">";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_format_strike.gif' border='0' alt='Ãë¼Ò¼±' onClick=\"Wysiwyg.htmledit('StrikeThrough', false, null, '"+i+"')\">";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_color_fg.gif' border='0' alt='±ÛÀÚ»ö»ó' onClick=\"Wysiwyg.viewLayer('"+i+"', 'fgLayer"+i+"', arguments[0], this)\">";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_color_bg.gif' border='0' alt='¹è°æ»ö»ó' onClick=\"Wysiwyg.viewLayer('"+i+"', 'bgLayer"+i+"', arguments[0], this)\">";
			ctrlObj += "<img src='"+loca+"editor_images/ed_virtical.gif'> ";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_align_left.gif' border='0' alt='ÁÂÃøÁ¤·Ä' onClick=\"Wysiwyg.htmledit('justifyleft', false, null, '"+i+"')\">";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_align_center.gif' border='0' alt='Áß½ÉÁ¤·Ä' onClick=\"Wysiwyg.htmledit('justifycenter', false, null, '"+i+"')\">";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_align_right.gif' border='0' alt='¿ìÃøÁ¤·Ä' onClick=\"Wysiwyg.htmledit('justifyright', false, null, '"+i+"')\">";
			ctrlObj += "<img src='"+loca+"editor_images/ed_virtical.gif'> ";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_list_number.gif' border='0' alt='¼ýÀÚ¸ñ·Ï' onClick=\"Wysiwyg.htmledit('insertorderedlist', false, null, '"+i+"')\">";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_list_dot.gif' border='0' alt='Á¡Ç¥½Ã¸ñ·Ï' onClick=\"Wysiwyg.htmledit('insertunorderedlist', false, null, '"+i+"')\">";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_format_outdent.gif' border='0' alt='µé¿©¾²±âÁÙÀ̱â' onClick=\"Wysiwyg.htmledit('outdent', false, null, '"+i+"')\">";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_format_indent.gif' border='0' alt='µé¿©¾²±â´ÃÀ̱â' onClick=\"Wysiwyg.htmledit('indent', false, null, '"+i+"')\">";
			ctrlObj += "<img src='"+loca+"editor_images/ed_virtical.gif'> ";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/ed_hr.gif' border='0' alt='ÇÑÁÙ³Ö±â' onClick=\"Wysiwyg.htmledit('InsertHorizontalRule', false, null, '"+i+"')\">";
			ctrlObj += "<img id='wysiwyg_id[]' src='"+loca+"editor_images/linkClick.gif' border='0' alt='¸µÅ©' onClick=\"Wysiwyg.htmledit('createlink', false, '', '"+i+"')\">";
			ctrlObj += "<img src='"+loca+"editor_images/ed_virtical.gif'> ";
			ctrlObj += "<img id='wysiwyg_id[]' id='pyo' src='"+loca+"editor_images/icon_tableimg.gif' alt='Ç¥¸¸µé±â' onClick=\"Wysiwyg.viewLayer('"+i+"', 'viewPyo"+i+"', arguments[0], this)\" border=0>";
			ctrlObj += "<img src='"+loca+"editor_images/ed_virtical.gif'> ";
			ctrlObj += "<img id='wysiwyg_id[]' id='viewSourceBtn"+i+"' src='"+loca+"editor_images/icon_img.gif' border='0' alt='À̹ÌÁö ¾÷·Îµå' style='display:inline' onClick=\"Wysiwyg.use_image('iframe"+textareaName[i]+"', '"+textareaName[i]+"', '"+i+"', this)\">";
			ctrlObj += "<img src='"+loca+"editor_images/ed_virtical.gif'> ";
			ctrlObj += "<img id='viewEdirorBtn' src='"+loca+"editor_images/ed_editor.gif' border='0' alt='ÆíÁýÈ­¸é' style='display:none;' onClick=\"Wysiwyg.viewEdiror('iframe"+textareaName[i]+"', '"+textareaName[i]+"', '"+i+"')\">";
			ctrlObj += "<img id='viewSourceBtn' src='"+loca+"editor_images/ed_html.gif' border='0' alt='¼Ò½ºº¸±â' onClick=\"Wysiwyg.viewSource('iframe"+textareaName[i]+"', '"+textareaName[i]+"', '"+i+"')\">";
			ctrlObj += "</td>\
			</tr>\
			</table>\
			<style type='text/css'>\
			#toolbar {font-size:1px;padding:4px;}\
			#toolbar img {margin:2px 1px 2px 1px;}\
			#toolbox td {cursor:pointer;}\
			#fontfaceLayer"+i+" td {cursor:pointer;padding-top:2px;font-size:8pt;font-family:dotum;}\
			#fontsizeLayer"+i+" td {cursor:pointer;padding-top:2px;font-size:8pt;font-family:dotum;}\
			#fgLayer"+i+" td {cursor:pointer;}\
			#bgLayer"+i+" td {cursor:pointer;}\
			</style>\
			<div id='viewPyo"+i+"' style='position:absolute;width:200px;height:75px;border:1px solid #777777;background-color:white;padding:4px;display:none;'>\
				<table id='viewPyo"+i+"' width='100%' border='0' cellpadding='0' cellspacing='1' bgcolor='#acacac'>\
				<tbody bgcolor='#F7F7F7'>";
			ctrlObj  += Wysiwyg.tablepyo_func(i);
			ctrlObj  += "\
				</tbody>\
				</table>\
				<div id='tdim"+i+"' style='width:100%;text-align:center;'></div>\
			</div>\
			<div id='fontfaceLayer"+i+"' style='position:absolute;width:70px; border:1px solid #999999; display:none;'>\
			 	<table width='100%' cellspacing='0' cellpadding='0' border='0' bgcolor='#ffffff'>\
			 	<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontname', false, 'µ¸¿ò', '"+i+"')\">µ¸¿ò</td></tr>\
			 	<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontname', false, '±¼¸²', '"+i+"')\">±¼¸²</td></tr>\
			 	<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontname', false, '¹ÙÅÁ', '"+i+"')\">¹ÙÅÁ</td></tr>\
			 	<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontname', false, '±Ã¼­', '"+i+"')\">±Ã¼­</td></tr>\
			 	<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontname', false, 'Arial', '"+i+"')\">Arial</td></tr>\
			 	<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontname', false, 'Tahoma', '"+i+"')\">Tahoma</td></tr>\
			 	<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontname', false, 'Verdana', '"+i+"')\">Verdana</td></tr>\
			 	<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontname', false, 'Time', '"+i+"')\">Time</td></tr>\
			 	</table>\
			</div>\
			<div id='fontsizeLayer"+i+"' style='position:absolute;width:50px; border:1px solid #999999; display:none;'>\
			 	<table width='100%' cellspacing='0' cellpadding='0' border='0' bgcolor='#ffffff'>\
			 	<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontsize', false, 1, '"+i+"')\"><b>1</b> (8pt)</td></tr>\
				<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontsize', false, 2, '"+i+"')\"><b>2</b> (10pt)</td></tr>\
				<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontsize', false, 3, '"+i+"')\"><b>3</b> (12pt)</td></tr>\
				<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontsize', false, 4, '"+i+"')\"><b>4</b> (14pt)</td></tr>\
				<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontsize', false, 5, '"+i+"')\"><b>5</b> (18pt)</td></tr>\
				<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontsize', false, 6, '"+i+"')\"><b>6</b> (24pt)</td></tr>\
				<tr onmouseover=\"this.style.backgroundColor='#E0E0E0'\" onmouseout=\"this.style.backgroundColor=''\"><td style='padding-left:3px;' onmousedown=\"Wysiwyg.htmledit('fontsize', false, 7, '"+i+"')\"><b>7</b> (36pt)</td></tr>\
				</table>\
			</div>\
			<div id='fgLayer"+i+"' style='position:absolute;width:160px; height:75px; border:1px solid #999999; display:none;'>\
				<table width='100%' cellspacing='0' cellpadding='0' border='0' bgcolor='#ffffff'>\
				<tr>\
					<td>\
						<table cellspacing='0' cellpadding='0' border='1' bordercolor='#000000' style='border-collapse:collapse; margin:7px;'>\
						<tr height='11'>\
							<td width='11' bgcolor='#FE1100' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#FE1100', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FE4C24' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#FE4C24', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FE875A' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#FE875A', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FECDA7' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#FECDA7', '"+i+"')\"></td>\
							<td width='11' bgcolor='#040967' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#040967', '"+i+"')\"></td>\
							<td width='11' bgcolor='#2D328D' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#2D328D', '"+i+"')\"></td>\
							<td width='11' bgcolor='#44499A' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#44499A', '"+i+"')\"></td>\
							<td width='11' bgcolor='#686EB8' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#686EB8', '"+i+"')\"></td>\
							<td width='11' bgcolor='#669900' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#669900', '"+i+"')\"></td>\
							<td width='11' bgcolor='#66CC00' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#66CC00', '"+i+"')\"></td>\
							<td width='11' bgcolor='#99FF00' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#99FF00', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FF99FF' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#FF99FF', '"+i+"')\"></td>\
						</tr>\
						<tr height='11'>\
							<td width='11' bgcolor='#6E0017' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#6E0017', '"+i+"')\"></td>\
							<td width='11' bgcolor='#7B243D' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#7B243D', '"+i+"')\"></td>\
							<td width='11' bgcolor='#834C6B' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#834C6B', '"+i+"')\"></td>\
							<td width='11' bgcolor='#66FFFF' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#66FFFF', '"+i+"')\"></td>\
							<td width='11' bgcolor='#006BD4' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#006BD4', '"+i+"')\"></td>\
							<td width='11' bgcolor='#0087E1' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#0087E1', '"+i+"')\"></td>\
							<td width='11' bgcolor='#37B7FE' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#37B7FE', '"+i+"')\"></td>\
							<td width='11' bgcolor='#A7DEFE' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#A7DEFE', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FFCC00' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#FFCC00', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FFFF00' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#FFFF00', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FEFE9F' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#FEFE9F', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FEFED0' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#FEFED0', '"+i+"')\"></td>\
						</tr>\
						<tr height='11'>\
							<td width='11' bgcolor='#4E003D' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#4E003D', '"+i+"')\"></td>\
							<td width='11' bgcolor='#6D2262' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#6D2262', '"+i+"')\"></td>\
							<td width='11' bgcolor='#926594' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#926594', '"+i+"')\"></td>\
							<td width='11' bgcolor='#C2A9C5' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#C2A9C5', '"+i+"')\"></td>\
							<td width='11' bgcolor='#005557' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#005557', '"+i+"')\"></td>\
							<td width='11' bgcolor='#03747B' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#03747B', '"+i+"')\"></td>\
							<td width='11' bgcolor='#579D9F' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#579D9F', '"+i+"')\"></td>\
							<td width='11' bgcolor='#A2C6CC' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#A2C6CC', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FF6600' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#FF6600', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FF9933' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#FF9933', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FECD8A' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#FECD8A', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FEE2B0' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#FEE2B0', '"+i+"')\"></td>\
						</tr>\
						<tr height='11'>\
							<td width='11' bgcolor='#1B0B73' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#1B0B73', '"+i+"')\"></td>\
							<td width='11' bgcolor='#4C379D' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#4C379D', '"+i+"')\"></td>\
							<td width='11' bgcolor='#876EBA' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#876EBA', '"+i+"')\"></td>\
							<td width='11' bgcolor='#BBBAEF' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#BBBAEF', '"+i+"')\"></td>\
							<td width='11' bgcolor='#008E37' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#008E37', '"+i+"')\"></td>\
							<td width='11' bgcolor='#26B168' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#26B168', '"+i+"')\"></td>\
							<td width='11' bgcolor='#47BE80' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#47BE80', '"+i+"')\"></td>\
							<td width='11' bgcolor='#76D3A2' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#76D3A2', '"+i+"')\"></td>\
							<td width='11' bgcolor='#B31C00' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#B31C00', '"+i+"')\"></td>\
							<td width='11' bgcolor='#B03F21' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#B03F21', '"+i+"')\"></td>\
							<td width='11' bgcolor='#AE623A' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#AE623A', '"+i+"')\"></td>\
							<td width='11' bgcolor='#AC6E54' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#AC6E54', '"+i+"')\"></td>\
						</tr>\
						<tr height='11'>\
							<td width='11' bgcolor='#FEFEFE' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#FEFEFE', '"+i+"')\"></td>\
							<td width='11' bgcolor='#E6E6E6' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#E6E6E6', '"+i+"')\"></td>\
							<td width='11' bgcolor='#CDCDCD' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#CDCDCD', '"+i+"')\"></td>\
							<td width='11' bgcolor='#B4B4B4' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#B4B4B4', '"+i+"')\"></td>\
							<td width='11' bgcolor='#A8A8A8' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#A8A8A8', '"+i+"')\"></td>\
							<td width='11' bgcolor='#8D8D8D' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#8D8D8D', '"+i+"')\"></td>\
							<td width='11' bgcolor='#747474' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#747474', '"+i+"')\"></td>\
							<td width='11' bgcolor='#595959' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#595959', '"+i+"')\"></td>\
							<td width='11' bgcolor='#4B4B4B' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#4B4B4B', '"+i+"')\"></td>\
							<td width='11' bgcolor='#303030' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#303030', '"+i+"')\"></td>\
							<td width='11' bgcolor='#0A0A0A' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#0A0A0A', '"+i+"')\"></td>\
							<td width='11' bgcolor='#000000' onmousedown=\"Wysiwyg.htmledit('forecolor', false, '#000000', '"+i+"')\"></td>\
						</tr>\
						</table>\
					</td>\
				</tr>\
				</table>\
			</div>\
			<div id='bgLayer"+i+"' style='position:absolute;width:160px; height:75px; border:1px solid #999999; display:none;'>\
				<table width='100%' cellspacing='0' cellpadding='0' border='0' bgcolor='#ffffff'>\
				<tr>\
					<td>\
						<table cellspacing='0' cellpadding='0' border='1' bordercolor='#000000' style='border-collapse:collapse; margin:7px;'>\
						<tr height='11'>\
							<td width='11' bgcolor='#FE1100' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#FE1100', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FE4C24' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#FE4C24', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FE875A' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#FE875A', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FECDA7' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#FECDA7', '"+i+"')\"></td>\
							<td width='11' bgcolor='#040967' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#040967', '"+i+"')\"></td>\
							<td width='11' bgcolor='#2D328D' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#2D328D', '"+i+"')\"></td>\
							<td width='11' bgcolor='#44499A' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#44499A', '"+i+"')\"></td>\
							<td width='11' bgcolor='#686EB8' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#686EB8', '"+i+"')\"></td>\
							<td width='11' bgcolor='#669900' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#669900', '"+i+"')\"></td>\
							<td width='11' bgcolor='#66CC00' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#66CC00', '"+i+"')\"></td>\
							<td width='11' bgcolor='#99FF00' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#99FF00', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FF99FF' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#FF99FF', '"+i+"')\"></td>\
						</tr>\
						<tr height='11'>\
							<td width='11' bgcolor='#6E0017' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#6E0017', '"+i+"')\"></td>\
							<td width='11' bgcolor='#7B243D' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#7B243D', '"+i+"')\"></td>\
							<td width='11' bgcolor='#834C6B' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#834C6B', '"+i+"')\"></td>\
							<td width='11' bgcolor='#66FFFF' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#66FFFF', '"+i+"')\"></td>\
							<td width='11' bgcolor='#006BD4' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#006BD4', '"+i+"')\"></td>\
							<td width='11' bgcolor='#0087E1' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#0087E1', '"+i+"')\"></td>\
							<td width='11' bgcolor='#37B7FE' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#37B7FE', '"+i+"')\"></td>\
							<td width='11' bgcolor='#A7DEFE' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#A7DEFE', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FFCC00' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#FFCC00', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FFFF00' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#FFFF00', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FEFE9F' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#FEFE9F', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FEFED0' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#FEFED0', '"+i+"')\"></td>\
						</tr>\
						<tr height='11'>\
							<td width='11' bgcolor='#4E003D' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#4E003D', '"+i+"')\"></td>\
							<td width='11' bgcolor='#6D2262' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#6D2262', '"+i+"')\"></td>\
							<td width='11' bgcolor='#926594' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#926594', '"+i+"')\"></td>\
							<td width='11' bgcolor='#C2A9C5' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#C2A9C5', '"+i+"')\"></td>\
							<td width='11' bgcolor='#005557' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#005557', '"+i+"')\"></td>\
							<td width='11' bgcolor='#03747B' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#03747B', '"+i+"')\"></td>\
							<td width='11' bgcolor='#579D9F' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#579D9F', '"+i+"')\"></td>\
							<td width='11' bgcolor='#A2C6CC' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#A2C6CC', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FF6600' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#FF6600', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FF9933' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#FF9933', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FECD8A' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#FECD8A', '"+i+"')\"></td>\
							<td width='11' bgcolor='#FEE2B0' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#FEE2B0', '"+i+"')\"></td>\
						</tr>\
						<tr height='11'>\
							<td width='11' bgcolor='#1B0B73' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#1B0B73', '"+i+"')\"></td>\
							<td width='11' bgcolor='#4C379D' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#4C379D', '"+i+"')\"></td>\
							<td width='11' bgcolor='#876EBA' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#876EBA', '"+i+"')\"></td>\
							<td width='11' bgcolor='#BBBAEF' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#BBBAEF', '"+i+"')\"></td>\
							<td width='11' bgcolor='#008E37' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#008E37', '"+i+"')\"></td>\
							<td width='11' bgcolor='#26B168' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#26B168', '"+i+"')\"></td>\
							<td width='11' bgcolor='#47BE80' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#47BE80', '"+i+"')\"></td>\
							<td width='11' bgcolor='#76D3A2' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#76D3A2', '"+i+"')\"></td>\
							<td width='11' bgcolor='#B31C00' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#B31C00', '"+i+"')\"></td>\
							<td width='11' bgcolor='#B03F21' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#B03F21', '"+i+"')\"></td>\
							<td width='11' bgcolor='#AE623A' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#AE623A', '"+i+"')\"></td>\
							<td width='11' bgcolor='#AC6E54' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#AC6E54', '"+i+"')\"></td>\
						</tr>\
						<tr height='11'>\
							<td width='11' bgcolor='#FEFEFE' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#FEFEFE', '"+i+"')\"></td>\
							<td width='11' bgcolor='#E6E6E6' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#E6E6E6', '"+i+"')\"></td>\
							<td width='11' bgcolor='#CDCDCD' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#CDCDCD', '"+i+"')\"></td>\
							<td width='11' bgcolor='#B4B4B4' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#B4B4B4', '"+i+"')\"></td>\
							<td width='11' bgcolor='#A8A8A8' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#A8A8A8', '"+i+"')\"></td>\
							<td width='11' bgcolor='#8D8D8D' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#8D8D8D', '"+i+"')\"></td>\
							<td width='11' bgcolor='#747474' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#747474', '"+i+"')\"></td>\
							<td width='11' bgcolor='#595959' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#595959', '"+i+"')\"></td>\
							<td width='11' bgcolor='#4B4B4B' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#4B4B4B', '"+i+"')\"></td>\
							<td width='11' bgcolor='#303030' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#303030', '"+i+"')\"></td>\
							<td width='11' bgcolor='#0A0A0A' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#0A0A0A', '"+i+"')\"></td>\
							<td width='11' bgcolor='#000000' onmousedown=\"Wysiwyg.htmledit('backcolor', false, '#000000', '"+i+"')\"></td>\
						</tr>\
						</table>\
					</td>\
				</tr>\
				</table>\
			</div>\
			</div>";

			var tableObj = document.createElement("table");
			if(document.all) {
				var trObj = tableObj.insertRow();
				var tdObj = trObj.insertCell();
			}
			else {
				var trObj = document.createElement('tr'); 
				var tdObj = document.createElement('td');
			}
			tableObj.setAttribute("cellSpacing","0");
			tableObj.setAttribute("cellPadding","0");
			tableObj.setAttribute("border","0");
			tableObj.setAttribute("bgColor", "#EFECE3");
			tableObj.width=tbl_width_num;
			tableObj.setAttribute("id","td"+textareaName[i]);
			if(!document.all) {
				trObj.appendChild(tdObj);
				tableObj.appendChild(trObj);
			}
			editorFrameObj.parentNode.insertBefore(tableObj,editorFrameObj);
			tdObj.innerHTML = ctrlObj;

			// html (¼Ò½ºº¸±â) ¸ðµå È°¼ºÈ­
			if(document.getElementsByName(textareaName[i])[0].getAttribute("mode")=="html") {
				setTimeout("Wysiwyg.viewSource('iframe"+textareaName[i]+"', '"+textareaName[i]+"', "+i+")", 500);
			}
			else {
				// Åø ÃʱâÈ­
				var toolbox = document.getElementsByName('toolbox'+i);
				var tools = toolbox[0].getElementsByTagName('img');
				for(var j=0; j<tools.length; j++) {
					tools[j].style.filter = "";
					tools[j].style.cursor = "pointer";
				}
			}
		} // end of  'for(var i=0;i<textareaName.length;i++)'
	}

	/*-----------------------------------------------------------------------------------------------
	iframe ³»ÀÇ ÆíÁýÇÑ ³»¿ëÀ» parent textarea ·Î ÀÔ·Â  ¹× required ½Ã iframe ³» ÆíÁý ¿µ¿ª¿¡ Æ÷Ä¿½º À§Ä¡
	-------------------------------------------------------------------------------------------------*/
	this.submit_result		= function (num) {
		var iname	= 'iframe'+textareaName[num];
		var wname	= textareaName[num];
		var doc		= document.getElementById(wname);
		var required	= (doc.getAttribute("REQUIRED")!=null) ? doc.required : doc.getAttribute("REQUIRED");

		// ¼öÁ¤ 2008.03.25 / 05.22 - ·©Å©¾÷ °³¹ßÆÀ : iframe°ªÀ» textarea·Î ¿Å±â´Â ÀÛ¾÷
		if(doc.style.display=="none") this.nl2br_remove_content(iname, wname);

		//## [Áß¿ä] ::<textarea name='content' type='editor' hname='³»¿ë' required nofocus></textarea> ó·³ 'nofocus'¸¦ ÇÔ²² ½áÁà¾ß ÇÑ´Ù!
		if(document.getElementById(iname).style.display=="none" && required != null) doc.focus(); // HTML ÆíÁýÀÎ °æ¿ì
		else if(doc.value=='' && required != null) eval(iname).focus(); // EDITOR ÆíÁýÀÎ °æ¿ì
		else return;
	}

	/*----------------------------------------------------------------------
	À§ÁöÀ§±×¿¡µðÅÍ·Î ÀÛ¼ºÇÑ ÄÁÅÙÃ÷¸¦ submit ÇÒ¶§ 󸮻çÇ×
	----------------------------------------------------------------------*/
	this.submit_start	 = function () {
		for(var i=0; i<textareaName.length; i++) {
			var aa = Wysiwyg.submit_result(i);
			if(aa == false) return false;
		}
		return true;
	}
}

var Wysiwyg	= new wysiwyg_Class;
try {
	if(direct_board!==true) {
		if(window.addEventListener) window.addEventListener("load", Wysiwyg.createELM, false);
		else if(window.attachEvent) window.attachEvent("onload", Wysiwyg.createELM);
	}
}
catch(e) {
	if(window.addEventListener) window.addEventListener("load", Wysiwyg.createELM, false);
	else if(window.attachEvent) window.attachEvent("onload", Wysiwyg.createELM);
}