/**
webeditor
auth	hjlee	<hjlee84@simplexi.com>
date	2008.07.10
*/
var elib = {
	getObj : function(obj, mode) {
		if(typeof mode == 'undefined') {
			mode = null;
		}

		switch (mode) {
			case	"name"	:	result	 =	document.getElementsByName(obj);		break;
			case	"tag"		:	result	 =	document.getElementsByTagName(obj);	break;
			default			:	result	 =	document.getElementById(obj);				break;
		}

		return result;
	},
	browserCheck : function() {
		var result = '';
		switch(navigator.appName) {
			case 'Netscape':
				result = 'FF';
				break;
			default:
				result = 'IE';
				break;
		}
		return result;
	},
	addEvent : function(obj, evt, fn) {
		switch(__BR__) {
			case 'IE':
				obj.attachEvent(evt, fn);
				break;
			default:
				evt = evt.replace('on', '');
				obj.addEventListener(evt, fn, true);
				break;
		}
	},
	delEvent : function(obj, evt, fn) {
		switch(__BR__) {
			case 'IE':
				obj.detachEvent(evt, fn);
				break;
			default:
				evt = evt.replace('on', '');
				obj.removeEventListener(evt, fn, true);
				break;
		}
	},
	winOpen : function(url, name, width, height, top, left, menubar, resizable, scrollbars, status, titlebar, toolbar, modal) {
		top	=	(top) ? top : 0;
		top	=	(left) ? left : 0;
		resizable	=	(resizable) ? 'yes' : 'no';
		scrollbars	=	(scrollbars) ? 'yes' : 'no';
		status		=	(status) ? 'yes' : 'no';
		titlebar		=	(titlebar) ? 'yes' : 'no';
		toolbar		=	(toolbar) ? 'yes' : 'no';
		modal		=	(modal) ? 'yes' : 'no';

		window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',scrollbars='+resizable+',scrollbars='+scrollbars+',status='+status+',titlebar='+titlebar+',toolbar='+toolbar+',modal='+modal);
	},
	closeLayer : function(obj, mode) {
		elib.getObj(obj).style.display = mode;
		document.body.removeChild(elib.getObj(obj));
	},
	creatInput : function(val) {
		if(elib.getObj('tmpHidden') == null) {
			var tmp = document.createElement('input');
			tmp.type = 'hidden';
			tmp.value = val;
			tmp.id = 'tmpHidden';
			tmp.name = 'tmpHidden';
			document.body.appendChild(tmp);
		} else {
			elib.getObj('tmpHidden').value = val;
		}
	},
	btnMouseEvt : function(obj, imgOn, imgOff) {
		var obj	=	elib.getObj(obj);
		fn	=	function() {
				obj.src = imgOn;
		};
		this.addEvent(obj, 'onmouseover', fn);

		fn	=	function() {
			if(!obj.clicked) {
				obj.src = imgOff;
			}
		};
		this.addEvent(obj, 'onmouseout', fn);

		fn	=	function() {
			if(!obj.clicked) {
				obj.src = imgOn;
				obj.clicked = true;
			} else {
				obj.src = imgOff;
				obj.clicked = false;
			}
		};
		this.addEvent(obj, 'onmousedown', fn);
	}
}

__BR__ = elib.browserCheck();
__LANG__ = navigator.systemLanguage;

var builderEditor	=	{};
builderEditor.Create	 =	function (editorConfig, mode) {
	this.version		=	'1.0.0';
	//»ç¿ëÀÚ Á¤ÀÇ config
	this.config			=	editorConfig;

	//ÆùÆ®½ºÅ¸ÀÏ
	this.fontSelect		=	new Array(
									'Dotum', 'DotumChe', 'Gulim', 'GulimChe', 'Batang', 'BatangChe',
									'Gungsuh', 'Arial', 'Times New Roman', 'Verdana'
								);
	this.fontView		=	new Array(
									'µ¸¿ò', 'µ¸¿òü', '±¼¸²', '±¼¸²Ã¼', '¹ÙÅÁ', '¹ÙÅÁü',
									'±Ã¼­', 'Arial', 'Times New Roman', 'Verdana'
								);
	//ÆùÆ® »çÀÌÁî
	this.fontSize		=	new Array(
									'8', '10', '12', '14', '18',
									'24', '36'
								);

	//ÆùÆ® Ä÷¯
	this.fontColor = new Array(
							"#FFFFFF","#FFCCCC","#FFCC99","#FFFF99","#FFFFCC",
							"#99FF99","#99FFFF","#CCFFFF","#CCCCFF","#FFCCFF",
							"#CCCCCC","#FF6666","#FF9966","#FFFF66","#FFFF33",
							"#66FF99","#33FFFF","#66FFFF","#9999FF","#FF99FF",
							"#C0C0C0","#FF0000","#FF9900","#FFCC66","#FFFF00",
							"#33FF33","#66CCCC","#33CCFF","#6666CC","#CC66CC",
							"#999999","#CC0000","#FF6600","#FFCC33","#FFCC00",
							"#33CC00","#00CCCC","#3366FF","#6633FF","#CC33CC",
							"#666666","#990000","#CC6600","#CC9933","#999900",
							"#009900","#339999","#3333FF","#6600CC","#993399",
							"#333333","#660000","#993300","#996633","#666600",
							"#006600","#336666","#000099","#333399","#663366",
							"#000000","#330000","#663300","#663333","#333300",
							"#003300","#003333","#000066","#330099","#330033"
							);

	this.errors			=	true;
	this.onError		=	null;

	this.main();
}

builderEditor.Create.prototype	=	{
	main : function() {
        var _self = this;

		//¿¡·¯Ã¼Å©
		if(!this.config.id || this.config.id.length == 0) {
			this.errorCheck(701, 'error!!');
			return;
		}

		this.txtId	=	this.config.id;
		var count = elib.getObj(this.config.id, 'name').length;
		if(count > 1) {
			elib.getObj(this.config.id, 'name')[1].style.display = 'none';
		} else {
			elib.getObj(this.config.id, 'name')[0].style.display = 'none';
		}

		elib.getObj(this.config.target).style.display = 'block';
		var editorName	=	this.txtId + '_ifr';
		var editorTxt	=	this.txtId + '_txt';
		var divCreate	=	document.createElement('div');
		this.imgLayer	 =	'imgLayer_'+this.txtId;
		divCreate.id	=	this.imgLayer;
		divCreate.style.display=	'none';
		divCreate.style.width	=	'100%';
		divCreate.style.border	=	'1px solid #CCCCCC';
		this.div = document.createElement("div");
		this.div.id	=	this.txtId + '_div';
		this.div.innerHTML += this.HTMLToolBar();
		this.div.innerHTML += '<textarea id="'+editorTxt+'" style="width:'+this.config.width+'; height:'+this.config.height+'; border:1px solid #cccccc; display:none;line-height:1.3;padding: 10px 15px 0pt; font-size:'+this.config.fontsize+'; font-family:'+this.config.fontfamily+'; color:'+this.config.fontcolor+'; background-color:'+this.config.backgroundcolor+'; overflow:auto;">'+this.config.value+'</textarea>';
		this.div.innerHTML += '<iframe id="'+editorName+'" frameborder="0" style="width:'+this.config.width+'; height:'+this.config.height+'; border:1px solid #cccccc;" ></iframe><br/>';
		this.div.appendChild(divCreate);
		elib.getObj(this.config.target).appendChild(this.div);

		this.web_editer_txt = elib.getObj(editorTxt);
		this.web_editer_obj = elib.getObj(editorName).contentWindow;
		this.web_editer_obj.document.designMode = 'on';
		this.web_editer_obj.document.open('text/html');


		//±âº» ½ºÅ¸ÀϽÃÆ®
		var style	 = '<html><head>';
		style			+= '<meta http-equiv="content-type" content="text/html; charset='+this.config.charset+'">';
		//»çÀÌÆ®³»¿¡¼­ Á¤ÇØÁø body¿¡ °ü·ÃµÈ css°¡.. ¿¡µðÅÍ body¿¡µµ Àû¿ëÀÌ µÇ°í À־ Á¦¿Ü ½ÃÅ´![2009-08-17]
		//style			+=	'<link rel="stylesheet" type="text/css" href="/default/inc/company.css">';
		style			+= '<style type="text/css">';
		style			+= 'body { font-size:'+this.config.fontsize+'; font-family:'+this.config.fontfamily+'; color:'+this.config.fontcolor+'; background-color:'+this.config.backgroundcolor+'; line-height:1.3; }';
		style			+= '</style>';
		style			+= '<link rel="stylesheet" type="text/css" href="/cjs/webeditor/css/style.css" />';
		style			+= '</head><body id="webeditor_body"></body></html>';

		this.web_editer_obj.document.write (style);
		this.web_editer_obj.document.close();

        //³»¿ëÁß <a:b> ¿äµý űװ¡ µé¾î°¡¸é IE¿¡¼­ ÀÚµ¿À¸·Î xml ű׸¦ °è¼Ó Ãß°¡ÇØÁÖ´Â ¹®Á¦ ¶§¹®¿¡ ¾Æ·¡¿Í °°ÀÌ Á¦°ÅÇØÁÜ.
        this.config.value = this.config.value.replace(/<[\/]?[a-z]+:[a-z]+>/ig, '');
		//PHP ¿¡¼­ addslashesº¯È¯ÈÄ ´øÁø ¼Ò½º¸¦ À纯ȯÇÑ´Ù. [2009-11-16 , yhjeong , CS] - ¼öÁ¤½Ã À̹ÌÁö ÅÂ±× º¯È¯ ¹®Á¦
		this.config.value = stripslashes(this.config.value);
		this.web_editer_obj.document.body.innerHTML = this.config.value;

        var web_editer_obj_body = this.web_editer_obj.document.documentElement ? this.web_editer_obj.document.documentElement: this.web_editer_obj.document.body;
        elib.addEvent(web_editer_obj_body, 'onclick', function(){ _self.nodeChange(); });

		this.editorBtnInit();
	},
    nodeChange : function(){
        var s = this.web_editer_obj.getSelection ? this.web_editer_obj.getSelection() : this.web_editer_obj.document.selection;
        var r;

        //¼±ÅÃÇÑ node¸¦ üũÇÕ´Ï´Ù.
        if(__BR__ == 'IE'){
            r = s.createRange ? s.createRange() : this.web_editer_obj.document.body.createTextRange();
            try{
                this.selectNode = r.parentElement();
            }catch(e){
            }
        }else{
            r = s.focusNode;
            this.selectNode = r;
        }

        //¼±ÅÃÇÑ nodeŸÀÔÀÌ ControlÀÏ °æ¿ì ³ëµå¸¦ ¹ÝȯÇÏÁö ¾Ê°í this.selectNode¿¡ null°ªÀ» »ðÀÔÇÕ´Ï´Ù.
        if(s.type == 'Control') this.selectNode = null;
    },
	HTMLToolBar : function() {
		/*if(parseInt(this.config.width) < 650) {
			if(__BR__ == 'IE')	height = 75;
			else	height = 54;
		} else {
			if(__BR__ == 'IE')	height = 36;
			else	height = 27;
		}*/
		if(__BR__ == 'IE')	height = 36;
		else	height = 27;
		var HTMLtoolBar		=	"";
        var menuCount = this.config.menu.length;
		//¹öÆ°ºÒ·¯¿À±â
		for(var i = 0; i < menuCount; i++) {
			var menu	=	this.config.menu[i];
			menu		=	menu.replace(/(.*)\bid[\s]*?\=[\s]*?\"(\w+?)\"/,"$1id=\"$2_"+this.txtId+"\"");
			HTMLtoolBar	+=	menu;
		}

		var HTML_Editor	 =	'';
		HTML_Editor	+=	'<div id="webEditorBtn_'+this.txtId+'" style="width:'+this.config.width+';border-top:1px solid #C2C2C2; border-left:1px solid #C2C2C2; border-right:1px solid #C2C2C2; border-bottomt:0px; background-color:#F7F7F7;padding:5 0 5 2; text-align:left" align=left>';
		HTML_Editor	+=	HTMLtoolBar;
		HTML_Editor	+=	'</div>';

		return HTML_Editor;
	},
	editorBtnInit : function() {
		//¹öÆ° À̺¥Æ® ½ÇÇà
		var fn = null;
		var this_obj = this;
		var fcolor = 'ForeColor_'+this.txtId;
		var bcolor = 'BackColor_'+this.txtId;
		var hcolor = 'HiliteColor_'+this.txtId;
		var fnlayer = 'fontLayer_'+this.txtId;
		var fslayer = 'fsLayer_'+this.txtId;
		var inlayer = 'inLayout_'+this.txtId;
		var hyperLink = 'hyperlinklayer_'+this.txtId;

		if(__BR__ == 'IE') {
			fn	=	function() { this_obj.focusOut(); };							elib.addEvent(this.web_editer_obj.document, 'onfocusout', fn);
		}

		if(elib.getObj('editmode_'+this.txtId) != null) {
			if(elib.getObj('editmode_'+this.txtId).checked == false) {
				fn	=	function(e) { this_obj.enterEvt(e); };						elib.addEvent(this.web_editer_obj.document.body, 'onkeypress', fn);
			}
		}

		if(typeof(this.config.frm) != 'undefined') {
			fn	=	function(e) { return this_obj.keySave(e); };			elib.addEvent(this.web_editer_obj.document.body, 'onkeydown', fn);
		}

		fn	=	function() { this_obj.layerDie(''); };							elib.addEvent(this.web_editer_obj.document.body, 'onclick', fn);
		fn	=	function() { this_obj.buttonAct('Bold'); };					elib.addEvent(elib.getObj('bold_'+this.txtId), 'onclick', fn);
		fn	=	function() { this_obj.buttonAct('Italic'); };					elib.addEvent(elib.getObj('italics_'+this.txtId), 'onclick', fn);
		fn	=	function() { this_obj.buttonAct('Underline'); };			elib.addEvent(elib.getObj('underline_'+this.txtId), 'onclick', fn);
		fn	=	function() { this_obj.buttonAct('strikethrough'); };		elib.addEvent(elib.getObj('strike_'+this.txtId), 'onclick', fn);
		fn	=	function(e) { this_obj.insertColor(e, fcolor); };			elib.addEvent(elib.getObj('fontcolor_'+this.txtId), 'onclick', fn);
		fn	=	function(e) { this_obj.insertColor(e, bcolor); };			elib.addEvent(elib.getObj('fontbgcolor_'+this.txtId), 'onclick', fn);
		fn	=	function(e) { this_obj.insertFontName(e, fnlayer); };	elib.addEvent(elib.getObj('fontname_'+this.txtId), 'onclick', fn);
		fn	=	function(e) { this_obj.insertFontSize(e, fslayer); };		elib.addEvent(elib.getObj('fontsize_'+this.txtId), 'onclick', fn);

		if(elib.getObj('layout_'+this.txtId) != null) {
			fn	=	function(e) { this_obj.insertLayout(e, inlayer); };		elib.addEvent(elib.getObj('layout_'+this.txtId), 'onclick', fn);
		}

		fn	=	function() { this_obj.buttonAct('JustifyLeft'); };			elib.addEvent(elib.getObj('justifyleft_'+this.txtId), 'onclick', fn);
		fn	=	function() { this_obj.buttonAct('JustifyCenter'); };		elib.addEvent(elib.getObj('justifycenter_'+this.txtId), 'onclick', fn);
		fn	=	function() { this_obj.buttonAct('JustifyRight'); };			elib.addEvent(elib.getObj('justifyright_'+this.txtId), 'onclick', fn);
		fn	=	function() { this_obj.buttonAct('JustifyFull'); };			elib.addEvent(elib.getObj('justifyfull_'+this.txtId), 'onclick', fn);

		if(elib.getObj('imgupload_'+this.txtId) != null) {
			fn	=	function() { this_obj.fieUpload(); };							elib.addEvent(elib.getObj('imgupload_'+this.txtId), 'onclick', fn);
		}

		 if(elib.getObj('hyperlink_'+this.txtId) != null) {
			fn	=	function(e) { this_obj.hyperLinkAdd(e, hyperLink); };	elib.addEvent(elib.getObj('hyperlink_'+this.txtId), 'onclick', fn);
		}

		if(elib.getObj('editmode_'+this.txtId) != null) {
			fn	=	function() { this_obj.TextToHTML(); };					elib.addEvent(elib.getObj('editmode_'+this.txtId), 'onclick', fn);
		}
	},
	focusOut : function() {
		this.range = this.web_editer_obj.document.selection.createRange();
	},
	errorCheck : function(errorNumber, errorDescription) {
		this.ErrorNumber		= errorNumber ;
		this.ErrorDescription	= errorDescription ;

		if(this.errors) {
			document.write ('<div style="color: #ff0000">') ;
			document.write ('builderEditor Error '+ this.ErrorNumber + ': ' +this.ErrorDescription) ;
			document.write ('</div>') ;
		}

		if(typeof(this.onError) == "function") {
			this.onError(this, errorNumber, errorDescription);
		}
	},
	keySave : function(e) {
		var e = e||window.event;

		if(e.ctrlKey) {
			if(e.keyCode == 83) {
				if(this.config.frmChkFn())
					this.config.frm.submit();
				return false;
			}
		}
		return true;
	},
	enterEvt : function(e) {
		var e = e||window.event;

		/*
		if(e.keyCode == 13) {
			if(__BR__ == 'IE') {
				var range = this.web_editer_obj.document.selection.createRange();
				e.returnValue = false;
				e.cancelBubble = true;
				range.pasteHTML("<br />");
				range.collapse(false);
				range.select();
			} else {
				var editorHtml = this.web_editer_obj.document.body.innerHTML;
				editorHtml = editorHtml.replace(/<p>\&nbsp\;<\/p>/gi, '<br />');
				editorHtml = editorHtml.replace(/<p>/gi, '');
				editorHtml = editorHtml.replace(/<\/p>/gi, '<br />');
				this.web_editer_obj.document.body.innerHTML = editorHtml;
			}
		}
		*/
	},
	HTMLecnode : function(text) {
		if(typeof text != "string") {
			text = text.toString() ;
		}

		text = text.replace(/&/g, "&amp;") ;
		text = text.replace(/"/g, "&quot;") ;
		text = text.replace(/</g, "&lt;") ;
		text = text.replace(/>/g, "&gt;") ;
		text = text.replace(/'/g, "&#39;") ;

		return text ;
	},
	//top, left ±¸Çϱâ
	getTop : function(obj) {
		var top = obj.offsetTop;
		var parent = obj.offsetParent;
		while(parent) {
			top += parent.offsetTop;
			parent = parent.offsetParent;
		}
		return top;
	},
	getLeft : function(obj) {
		var left = obj.offsetLeft;
		var parent = obj.offsetParent;
		while(parent) {
			left += parent.offsetLeft;
			parent = parent.offsetParent;
		}
		return left;
	},
	//¹öÆ°¾×¼Ç½ÃÀÛ
	buttonAct : function(key, evt, value) {
		if(this.htmlAlert() == false) {
			return false;
		}
		var evt = evt||window.event;

		this.layerDie(key);
		switch (key.toLowerCase()) {
			case	'forecolor'	 :
			case	'backcolor'	:
			case	'hilitecolor'	 :
				colorIndex = this.tableIndex(evt);
				value = this.fontColor[colorIndex];
				break;
			case	'fontname'	:
			case	"fontsize"	:
				if(__BR__ == 'IE') {
					var obj = evt.srcElement;
				} else {
					var obj = evt.target;
				}
				value	 =	obj.id;
				break;
			default	:
				value	 =	false;
				break;
		}

		//var action_target = null;
		if(__BR__ == 'IE') {
			this.web_editer_obj.document.body.focus();
			//action_target = this.web_editer_obj.document.selection.createRange();
		} else {
			this.web_editer_obj.focus();
			//action_target = this.web_editer_obj.document.getSelection();
		}

		this.web_editer_obj.document.execCommand(key, false, value);
	},
	insertFontSize : function(e, key) {
		if(this.htmlAlert() == false) {
			return false;
		}
		if(elib.getObj(key) == null) {
			this.layerDie(key);
			var this_obj = this;
			var layer	=	this.createDiv(e, key);
            layer.style.zIndex = 1;
			layer.style.width	 =	'280px';
			layer.style.height =	'202px';
			layer.style.color	=	'#333333';
			layer.style.fontSize	=	'12px';
			layer.style.border	=	'1px solid #BABABA';
			layer.style.display	=	'block';
			layer.style.padding	=	'1px 1px 1px 1px';

			for(var i = 0; i < this.fontSize.length; i++) {
				var list	=	document.createElement('div');
				var btn	=	this.fontBtn();
				btn.style.fontSize = this.fontSize[i] +'pt';
				btn.style.width = '280px';
				btn.style.fontFamily = 'Dotum';
				btn.style.textAlign = 'left';
				if(__LANG__ == 'ko') {
					btn.value = '°¡³ª´Ù('+this.fontSize[i]+'pt)';
				} else {
					btn.value = 'ABC('+this.fontSize[i]+'pt)';
				}
				btn.id	 =	i + 1;
				fn	=	function(e) { this_obj.buttonAct('FontSize', e); };
				if(__BR__ == 'IE') {
					btn.attachEvent('onclick', fn);
				} else {
					btn.addEventListener('click', fn, false);
				}
				list.appendChild(btn);
				layer.appendChild(list);
			}
			document.body.appendChild(layer);

            layer.style.zIndex = 200;
		} else {
			elib.closeLayer(key, 'none');
		}
	},
	insertFontName : function(e, key) {
		if(this.htmlAlert() == false) {
			return false;
		}
		if(elib.getObj(key) == null) {
			this.layerDie(key);
			var this_obj = this;
			var layer	=	this.createDiv(e, key);

			layer.style.width	 =	'102px';
			layer.style.height =	'200px';
			layer.style.color	=	'#333333';
			layer.style.fontSize	=	'12px';
			layer.style.border	=	'1px solid #BABABA';
			layer.style.display	=	'block';
			layer.style.padding	=	'1px 1px 1px 1px';

			for(var i = 0; i < this.fontSelect.length; i++) {
				var list	=	document.createElement('div');
				var btn	=	this.fontBtn();
				btn.style.fontSize = '12px';
				btn.style.width = '100px';
				btn.style.height = '20px';
				btn.style.fontFamily = this.fontSelect[i];
				btn.style.textAlign = 'left';
				if(__LANG__ == 'ko') {
					btn.value = this.fontView[i];
				} else {
					btn.value = this.fontSelect[i];
				}
				btn.id	 =	this.fontSelect[i];
				fn	=	function(e) { this_obj.buttonAct('FontName', e); };
				if(__BR__ == 'IE') {
					btn.attachEvent('onclick', fn);
				} else {
					btn.addEventListener('click', fn, false);
				}
				list.appendChild(btn);
				layer.appendChild(list);
			}
			document.body.appendChild(layer);

            layer.style.zIndex = 200;
		} else {
			elib.closeLayer(key, 'none');
		}
	},
	fontBtn : function() {
		var btn = document.createElement('input');
		btn.type = 'button';
		btn.style.cursor	=	'pointer';
		btn.style.border	=	'0';
		btn.style.padding	=	'0px 0px 0px 3px';
		btn.style.borderStyle	=	'none';
		btn.style.backgroundColor	=	'#ffffff';
		btn.onmouseover = function() { this.style.backgroundColor = '#DFEFFF'; }
		btn.onmouseout = function() { this.style.backgroundColor = '#FFFFFF'; }
		return btn;
	},
	//ÆùÆ® Ä÷¯ ·¹À̾î, ÆùÆ® ¹é±×¶ó¿îµå
	insertColor : function(e, key) {
		if(this.htmlAlert() == false) {
			return false;
		}
		if(elib.getObj(key) == null) {
			this.layerDie(key);
			var e = e||window.event;
			var this_obj = this;
			var layer = this.createDiv(e, key);
			layer.style.display = 'block';
			layer.innerHTML = "<div align='right'><a href='javascript:elib.closeLayer(\""+key+"\", \"none\")'><img src='/cjs/webeditor/images/layout_close.gif' border='0'></a></div>";

			if(key == 'ForeColor_'+this.txtId) {
				var btnEvt = 'ForeColor';
			} else {
				if(__BR__ == 'IE') {
					var btnEvt = 'BackColor';
				} else {
					var btnEvt = 'HiliteColor';
				}
			}

			var table = document.createElement('table');
			var tbody = document.createElement('tbody');
			table.border = '0';
			table.cellPadding = '0';
			table.cellSpacing = '2';
			table.unselectable = 'on';
			table.style.cursor = 'pointer';

			var k = 0;
			for(var i = 0; i < 7; i++) {
				var tr = document.createElement('tr');
				tr.height = 10;
				tr.id = 'tr'+i;
				for(var j = 0; j < 10; j++) {
					var td = document.createElement('td');
					td.width = '10';
					td.style.border = '1px solid #CCCCCC';
					td.style.fontSize = '10px';
					td.bgColor = this.fontColor[k];
					td.title = this.fontColor[k];
					td.innerHTML = '&nbsp;';
					td.unselectable = 'on';
					fn = function(evt) { this_obj.buttonAct(btnEvt, evt); };
					if(__BR__ == 'IE') {
						td.attachEvent('onclick', fn);
					} else {
						td.addEventListener('click', fn, false);
					}
					tr.appendChild(td);
					k++;
				}
				tbody.appendChild(tr);
			}
			table.appendChild(tbody);
			layer.appendChild(table);
			document.body.appendChild(layer);

            layer.style.zIndex = 200;
		} else {
			elib.closeLayer(key, 'none');
		}
	},
	//ÆùÆ®»ö±òÀ» ¾Ë±âÀ§ÇØ Å×À̺í À妽º ±¸ÇÔ
	tableIndex : function(evt) {
		var e = window.event||evt;

		if(__BR__ == 'IE') {
			var td_index = e.srcElement.cellIndex;
			var tr_index = e.srcElement.parentElement.rowIndex + 1;
		} else {
			var td_index = e.target.cellIndex;
			var tr_index = e.target.parentNode.rowIndex + 1;
		}

		var temp_index = parseInt(tr_index);

		switch (temp_index) {
			case	2	:	temp_index	=	parseInt(td_index)	+	10;	break;
			case	3	:	temp_index	=	parseInt(td_index)	+	20;	break;
			case	4	:	temp_index	=	parseInt(td_index)	+	30;	break;
			case	5	:	temp_index	=	parseInt(td_index)	+	40;	break;
			case	6	:	temp_index	=	parseInt(td_index)	+	50;	break;
			case	7	:	temp_index	=	parseInt(td_index)	+	60;	break;
			default	:	temp_index	=	parseInt(td_index);				break;
		}

		return temp_index;
	},
	createDiv : function(e, key) {
		var layer = document.createElement('div');

		switch (key.toLowerCase()) {
			case	'forecolor_'+this.txtId	:
				obj = elib.getObj('fontcolor_'+this.txtId);
				mleft = 0;
				break;
			case	'backcolor_'+this.txtId	:
			case	'hilitecolor_'+this.txtId	:
				obj = elib.getObj('fontbgcolor_'+this.txtId);
				mleft = 0;
				break;
			case	'fontlayer_'+this.txtId	:
				obj = elib.getObj('fontname_'+this.txtId);
				mleft = 0;
				break;
			case	'fslayer_'+this.txtId	:
				obj = elib.getObj('fontsize_'+this.txtId);
				mleft = 0;
				break;
			case	'inlayout_'+this.txtId	:
				obj = elib.getObj('layout_'+this.txtId);
				if(__BR__ == 'IE')	mleft = 182;
				else	mleft = 190;
				break;
			case	'hyperlinklayer_'+this.txtId	:
				obj = elib.getObj('hyperlink_'+this.txtId);
				mleft = 0;
				break;
		}

		if(__BR__ == 'IE') {
			var tleft = 1;
			var theight = 0;
		} else {
			var tleft = 0;
			var theight = -1;
		}

		layer.id = key;
		layer.style.top = this.getTop(obj) + obj.offsetHeight + theight;
		layer.style.left = this.getLeft(obj) + tleft - mleft;
		layer.style.zIndex = 100;
		layer.style.border = '1px solid #CCCCCC';
		layer.style.padding = '5px';
		layer.style.position = "absolute";
		layer.style.backgroundColor = '#FFFFFF';
		layer.style.display = "none";
		layer.unselectable = "on";

		return layer;
	},
	//·¹À̾ƿô Div »ý¼º
	insertLayout : function(e, key) {
		if(this.htmlAlert() == false) {
			return false;
		}
		if(elib.getObj(key) == null) {
			this.layerDie(key);
			var this_obj = this;
			var layer = this.createDiv(e, key);
			layer.style.border = '1px solid #BABABA';
			layer.style.width	 =	'248px';
			layer.style.height =	'290px';
			layer.style.display = 'block';
			var div = document.createElement('div');
			div.style.fontSize = '12px';
			div.style.fontFamily = 'Dotum';
			div.innerHTML = '<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="100%"><TBODY><TR><TD><B>·¹À̾ƿôÀ» ¼±ÅÃÇØ ÁÖ¼¼¿ä.</B></TD><TD align="right" valign="top"><IMG SRC="/cjs/webeditor/images/layout_close.gif" border="0" style="cursor:pointer"  align="absmiddle" onclick="elib.closeLayer(\''+key+'\', \'none\');"></TR></TBODY></TABLE><br />';
			var table = document.createElement('table');
			table.align	=	'center';
			table.cellPadding =	'5px';
			table.style.width	 =	'240px';
			table.style.border = '1px solid #CCCCCC';
			var tbody = document.createElement('tbody');
			var idx = 1;
			for(var i = 1; i < 4; i++) {
				var tr = document.createElement('tr');
				tr.id	= 'tr'+  i;
				for(var j = 0; j < 3; j++) {
					var td = document.createElement('td');
					td.align = 'center';
					td.innerHTML = '<IMG SRC="/cjs/webeditor/images/layout_'+idx+'.gif" BORDER="0"><BR /><INPUT TYPE="RADIO" NAME="layoutBtn" ID="layoutBtn" value="'+idx+'" onclick="elib.creatInput(this.value);">';
					tr.appendChild(td);
					idx++;
				}
				tbody.appendChild(tr);
			}
			table.appendChild(tbody);
			div.appendChild(table);

			var btnTable = document.createElement('table');
			btnTable.width = '100%';
			var btnTbody = document.createElement('tbody');
			var btnTtr = document.createElement('tr');
			var btnTd = document.createElement('td');
			btnTd.align = 'center';
			var okBtn = document.createElement('img');
			okBtn.id = 'layoutSel';
			okBtn.onclick = function() { this_obj.layoutCreate(); } ;
			okBtn.src = '/cjs/webeditor/images/btn_app.gif';
			okBtn.style.cursor = 'pointer';
			okBtn.style.margin = '5';
			var cancelBtn = document.createElement('img');
			cancelBtn.src = '/cjs/webeditor/images/btn_can.gif';
			cancelBtn.style.cursor = 'pointer';
			cancelBtn.style.margin = '5';
			cancelBtn.onclick = function() { elib.closeLayer(key, 'none'); };
			btnTd.appendChild(okBtn);
			btnTd.appendChild(cancelBtn);
			btnTtr.appendChild(btnTd);
			btnTbody.appendChild(btnTtr);
			btnTable.appendChild(btnTbody);
			div.appendChild(btnTable);
			layer.appendChild(div);
			document.body.appendChild(layer);

            layer.style.zIndex = 200;
		} else {
			elib.closeLayer(key, 'none');
		}
	},
	tableCreate : function(width, height) {
		var table	=	'<TABLE BORDER="0" CELLPADDNG="0" CELLSPACING="0" height="'+height+'" width="'+width+'" class="editorlayout"><TBODY><TR><TD vAlign="top"></TD></TR></TBODY></TABLE>';
		return table;
	},
	layoutCreate : function() {
		if(elib.getObj('tmpHidden') != null) {
			var val = parseInt(elib.getObj('tmpHidden').value);
			var mainStartTable	=	'<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"><TBODY>';
			var mainEndTable	=	'</TBODY></TABLE>';
			var mainTable = this.layoutKind(val);
			insertLayout = mainStartTable + mainTable + mainEndTable;

			if(__BR__ == 'IE') {
				this.web_editer_obj.document.body.focus();
				this.web_editer_obj.document.selection.createRange().pasteHTML(insertLayout);
			} else {
				this.web_editer_obj.focus();
				this.web_editer_obj.document.getSelection();
				this.web_editer_obj.document.execCommand('InsertHTML', false, insertLayout);
			}
			elib.closeLayer('inLayout_'+this.txtId, 'none');
		} else {
			alert('Àû¿ëÇÒ ·¹À̾ƿôÀ» ¼±ÅÃÇØÁÖ¼¼¿ä.');
			return;
		}
	},
	layoutKind : function(kind) {
		var mainTable = '';
		switch (kind) {
			case	1	:
				mainTable	=	'<TR><TD vAlign="top">';
				mainTable += this.tableCreate(272, 320);
				mainTable += '</TD><TD vAlign="top">'
				mainTable += this.tableCreate(272, 320);
				mainTable += '</TD></TR>';
				break;
			case	2	:
				mainTable	=	'<TR><TD vAlign="top">';
				mainTable += this.tableCreate(180, 320);
				mainTable += '</TD><TD vAlign="top">';
				mainTable += this.tableCreate(180, 320);
				mainTable += '</TD><TD vAlign="top">';
				mainTable += this.tableCreate(180, 320);
				mainTable += '</TD></TR>';
				break;
			case	3	:
				mainTable = '<TR><TD vAlign="top">';
				mainTable += this.tableCreate(550, 160);
				mainTable += this.tableCreate(550, 160);
				mainTable +=	'</TD></TR>';
				break;
			case	4	:
				mainTable	=	'<TR><TD vAlign="top">';
				mainTable += this.tableCreate(272, 160);
				mainTable += this.tableCreate(272, 160);
				mainTable += '</TD><TD vAlign="top">';
				mainTable += this.tableCreate(272, 320);
				mainTable += '</TD></TR>';
				break;
			case	5	:
				mainTable	=	'<TR><TD vAlign="top">';
				mainTable += this.tableCreate(272, 320);
				mainTable += '</TD><TD vAlign="top">';
				mainTable += this.tableCreate(272, 160);
				mainTable += this.tableCreate(272, 160);
				mainTable += '</TD></TR>';
				break;
			case	6	:
				mainTable	=	'<TR><TD vAlign="top">';
				mainTable += this.tableCreate(272, 160);
				mainTable += this.tableCreate(272, 160);
				mainTable += '</TD>';
				mainTable	+=	'<TD vAlign="top">';
				mainTable += this.tableCreate(272, 160);
				mainTable += this.tableCreate(272, 160);
				mainTable += '</TD></TR>';
				break;
			case	7	:
				mainTable	=	'<TR><TD vAlign="top">';
				mainTable += this.tableCreate(272, 309);
				mainTable += '</TD><TD vAlign="top"><TABLE BORDER="0" CELLPADDNG="0" CELLSPACING="0"><TBODY><TR><TD vAlign="top">';
				mainTable += this.tableCreate(272, 103);
				mainTable += this.tableCreate(272, 103);
				mainTable += this.tableCreate(272, 103);
				mainTable += '</TD></TR></TBODY></TABLE></TD></TR>';
				break;
			case	8	:
				mainTable	=	'<TR><TD vAlign="top"><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" ><TBODY><TR><TD vAlign="top">';
				mainTable += this.tableCreate(272, 103);
				mainTable += this.tableCreate(272, 103);
				mainTable += this.tableCreate(272, 103);
				mainTable += '</TD></TR></TBODY></TABLE></TD><TD vAlign="top">';
				mainTable += this.tableCreate(272, 309);
				mainTable += '</TD></TR>';
				break;
			case	9	:
				mainTable	=	'<TR><TD vAlign="top">';
				mainTable += this.tableCreate(272, 103);
				mainTable += this.tableCreate(272, 103);
				mainTable += this.tableCreate(272, 103);
				mainTable += '</TD><TD vAlign="top">';
				mainTable += '</TD><TD vAlign="top">';
				mainTable += this.tableCreate(272, 103);
				mainTable += this.tableCreate(272, 103);
				mainTable += this.tableCreate(272, 103);
				mainTable += '</TD></TR>';
				break;
		}

		return mainTable;
	},
	fieUpload : function() {
		if(this.htmlAlert() == false) {
			return false;
		}
		var key = 'upload';
		this.layerDie(key);
		if(typeof(this.config.component) == 'undefined') {
			elib.winOpen('/cjs/webeditor/plugins/fileuploader/index.php', ''+this.imgLayer+'', '640', '700', '500', '400');
		} else {
			if(typeof(this.config.type) == 'undefined') {
				var component = '?component='+this.config.component+'&module='+this.config.module+'&template='+this.config.template;
				elib.winOpen('/cjs/webeditor/plugins/fileuploader/index.php'+component, ''+this.imgLayer+'', '640', '700', '500', '400');
			} else {
				var component = '?component='+this.config.component+'&module='+this.config.module+'&type='+this.config.type+'&template='+this.config.template;
				elib.winOpen('/cjs/webeditor/plugins/fileuploader/index.php'+component, ''+this.imgLayer+'', '640', '700', '500', '400');
			}
		}
	},
	//·¹ÀÌ¾î °Ë»ç
	layerDie : function(key) {
		var divArr = new Array('ForeColor_'+this.txtId, 'BackColor_'+this.txtId, 'HiliteColor_'+this.txtId, 'fontLayer_'+this.txtId, 'fsLayer_'+this.txtId, 'inLayout_'+this.txtId, 'hyperlinklayer_'+this.txtId);

		for(var i = 0; i < divArr.length; i++) {
			if(divArr[i] != key) {
				if(elib.getObj(divArr[i]) != null) {
					document.body.removeChild(elib.getObj(divArr[i]));
				}
			}
		}
	},
	//¸ðµåüÀÎÁö
	TextToHTML : function(mode) {
		if(elib.getObj('editmode_'+this.txtId).checked == true) {
			var setEditorHtml	 =	this.web_editer_obj.document.body.innerHTML;
			this.web_editer_txt.value = '';
			this.web_editer_txt.value = setEditorHtml;
			elib.getObj(this.txtId+'_ifr').style.display = 'none';
			this.web_editer_txt.style.display = 'block'
			if(__BR__ == 'IE') {
				this.web_editer_txt.style.wordBreak = 'break-all';
			}
			this.web_editer_txt.focus();

		} else {
			var setEditorHtml	 =	this.web_editer_txt.value;
			this.web_editer_obj.document.body.innerHTML = '';
			this.web_editer_obj.document.body.innerHTML = setEditorHtml;
			elib.getObj(this.txtId+'_ifr').style.display = 'block';
			this.web_editer_txt.style.display = 'none';
			this.web_editer_obj.document.body.focus();
		}
	},
	//¸µÅ©³Ö±â
	hyperLinkAdd : function(e, key) {
		if(this.htmlAlert() == false) {
			return false;
		}

        //ÇöÀç ¼±ÅõǾî ÀÖ´Â ³ëµå ¼¼ÆÃ
        this.nodeChange();
        if(this.selectNode == null){
            alert('µå·¡±×¸¦ ÅëÇØ ¸µÅ©ÇÒ À̹ÌÁö ȤÀº ±ÛÀÚ¸¦ ¼±ÅÃÇÏ¿© ÁֽʽÿÀ');
            return;
        }

        //¼±ÅÃµÈ node(ÀÌ·¸°Ô ¶Ç ¸í½ÃÇÑ ÀÌÀ¯´Â Àû¿ë¹öÆ°ÀÇ onclick À̺¥Æ® ³»ºÎ¿¡¼­ ¾²¿©¾ß Çϱ⠶§¹®)
        var currNode = this.selectNode;

		if(elib.getObj(key) == null) {
			this.layerDie(key);
			var this_obj = this;
			var linkValue = 'http://';
			var linkText = '';
			if(__BR__ == 'IE')	 {
				var divWidth = '100%';
				var heightSize = '100px';
				if(this.range != null) {
					if(this.range.parentElement().tagName.toLowerCase() == 'a') {
						linkValue = this.range.parentElement();
						linkText = this.range.parentElement().firstChild.nodeValue;
					} else {
						linkText = this.range.text;
					}
				}
			} else {
				var divWidth = '94%';
				var heightSize = '120px';
			}

			var layer = this.createDiv(e, key);
			layer.style.border = '1px solid #BABABA';
			layer.style.width	 =	'200px';
			layer.style.height =	heightSize;
			layer.style.display = 'block';
			layer.style.fontSize = '12px';
			layer.style.fontFamily = 'Dotum';

			layer.innerHTML = '<div align="center" style="margin-top:3;margin-bottom:3;">ÇÏÀÌÆÛ¸µÅ©</div><div style="padding:5;width:'+divWidth+';border:1px solid #BABABA" align="center">ŸÄÏ : <select name="linkType_'+this.txtId+'" id="linkType_'+this.txtId+'"><option value="_self">ÇöÀçâ</option><option value="_blank">»õâ</option></select><br/>À̸§ : <input type="text" name="editorLinkName_'+this.txtId+'" id="editorLinkName_'+this.txtId+'" value="'+linkText+'" style="width:70%;border:1px solid #CCCCCC;margin-top:2px;"><br/>ÁÖ¼Ò : <input type="text" name="editorLink_'+this.txtId+'" id="editorLink_'+this.txtId+'" value="'+linkValue+'" style="width:70%;border:1px solid #CCCCCC;margin-top:2px;"></div><div align="center" style="margin-top:8;margin-bottom:3;"><img src="/cjs/webeditor/images/btn_app.gif" border="0" style="cursor:pointer" id="hyperLinkAdd_'+this.txtId+'">&nbsp;&nbsp;<img src="/cjs/webeditor/images/btn_can.gif" border="0" style="cursor:pointer;" onClick="elib.closeLayer(\''+key+'\', \'none\');">&nbsp;&nbsp;<img src="/cjs/webeditor/images/de_link.gif" border="0" style="cursor:pointer" id="hyperLinkDel_'+this.txtId+'">';
			document.body.appendChild(layer);

            layer.style.zIndex = 200;
			elib.getObj('hyperLinkAdd_'+this.txtId).onclick = function() {
				var httpLink = elib.getObj('editorLink_'+this_obj.txtId);
				var linkName = elib.getObj('editorLinkName_'+this_obj.txtId);
				var linkType = elib.getObj('linkType_'+this_obj.txtId);
				if(__BR__ == 'IE') {
                    //À̹ÌÁö ű׿¡µµ ¸µÅ©¸¦ ÁÙ¼ö ÀÖµµ·Ï ó¸®
                    if(currNode.tagName == 'IMG'){
                        linkName.value = currNode.outerHTML;
                        currNode.border = 0;
                    }

					if(this_obj.range == null) {
						this_obj.web_editer_obj.focus();
						this_obj.web_editer_obj.document.selection.createRange().pasteHTML('<a href='+httpLink.value+' target='+linkType.value+'>'+linkName.value+'</a>');
					} else {
						if(linkValue) {
							if(String(linkValue) == 'http://')	 this_obj.range.pasteHTML('<a href='+httpLink.value+' target='+linkType.value+'>'+linkName.value+'</a>');
							else	this_obj.range.execCommand('CreateLink', false, httpLink.value);
						} else {
							this_obj.range.pasteHTML('<a href='+httpLink.value+' target='+linkType.value+'>'+linkName.value+'</a>');
						}
					}
					elib.closeLayer(key, 'none');
				} else {
                    //ÆÄÆø¿¡¼­ ¸µÅ©¸¦ °É±â À§Çؼ­
                    linkName.value = currNode.innerHTML;

					this_obj.web_editer_obj.focus();
					this_obj.web_editer_obj.document.getSelection();
					this_obj.web_editer_obj.document.execCommand('InsertHTML', false, '<a href='+httpLink.value+' target='+linkType.value+'>'+linkName.value+'</a>');
					elib.closeLayer(key, 'none');
				}
			}
			elib.getObj('hyperLinkDel_'+this.txtId).onclick = function() {
				if(this_obj.range == null) {
					this_obj.web_editer_obj.document.execCommand('Unlink', false, null);
				} else {
					this_obj.range.execCommand('Unlink', false, null);
				}
				elib.closeLayer(key, 'none');
			}
		} else {
			elib.closeLayer(key, 'none');
		}
	},
	//°æ°íâ
	htmlAlert : function() {
		if(elib.getObj('editmode_'+this.txtId) != null) {
			if(elib.getObj('editmode_'+this.txtId).checked == true) {
				alert('HTML ¸ðµå¿¡¼­´Â »ç¿ëÇÒ ¼ö ¾ø½À´Ï´Ù.');
				return false;
			}
		}
	}
};

//ÆûÀü¼Û½Ã textarea º¹»ç
builderEditor.Send = function(editName) {
	var txtObj = elib.getObj(editName+'_txt');
	var htmlObj = elib.getObj(editName+'_ifr');
    var count = elib.getObj(editName, 'name').length;
    for(var x=0; x<count; x++) {
        if(elib.getObj(editName, 'name')[x].tagName == 'TEXTAREA') {
            if(txtObj.style.display == 'none') {
                elib.getObj(editName, 'name')[x].value = htmlObj.contentWindow.document.body.innerHTML;
            } else {
                elib.getObj(editName, 'name')[x].value = txtObj.value;
            }
            //break;
        }
    }
    /*
	var count = elib.getObj(editName, 'name').length;
	if(txtObj.style.display == 'none') {
		if(count > 1) {
			elib.getObj(editName, 'name')[1].value = htmlObj.contentWindow.document.body.innerHTML;
		} else {
			elib.getObj(editName, 'name')[0].value = htmlObj.contentWindow.document.body.innerHTML;
		}
	} else {
		if(count > 1) {
			elib.getObj(editName, 'name')[1].value = txtObj.value;
			elib.getObj(editName)

		} else {
			elib.getObj(editName, 'name')[0].value = txtObj.value;
		}
	}
    */
};

//ÆûÀü¼Û½Ã iframe, textarea reset
builderEditor.Reset = function(editName) {
    var txtObj = elib.getObj(editName+'_txt');
	var htmlObj = elib.getObj(editName+'_ifr');
	var count = elib.getObj(editName, 'name').length;
    if(txtObj.style.display == 'none') {
        htmlObj.contentWindow.document.body.innerHTML = '';
    }

    if(count > 1) {
        elib.getObj(editName, 'name')[1].value = '';
    } else {
        elib.getObj(editName, 'name')[0].value = '';
    }

    htmlObj.style.display = 'block';
    txtObj.style.display = 'none';
}

//À̹ÌÁö»èÁ¦
builderEditor.deleteImg = function(obj, img) {
	var spiltObj	 =	obj.split('_');
	var pattern	=	/<img[^>]+>/gi;
	var divObj	=	elib.getObj(obj);
	var editObj	=	elib.getObj(spiltObj[1]+'_ifr');
	var divTag	=	divObj.getElementsByTagName('div');
	var patternName	 =	eval('/'+img+'/gi');

	if(divObj != null) {
		divObj.removeChild(elib.getObj(img));
	}

	if(divTag.length == 0) {
		divObj.style.display = 'none';
	}

	if(editObj != null) {
		var objBody	=	editObj.contentWindow.document.body;
		var imgTag	=	objBody.innerHTML.match(pattern);
		if(imgTag) {
			for(var j = 0; j < imgTag.length; j++) {
				if(patternName.test(imgTag[j]) == true) {
					objBody.innerHTML	=	objBody.innerHTML.replace(imgTag[j], '');
				}
			}
		}
	}
}

function stripslashes (str) {
	return (str+'').replace(/\\(.?)/g, function (s, n1) {
		switch (n1) {
			case '\\':
			return '\\';
			case '0':
			return '\0';
			case '':
			return '';
			default:
			return n1;
		}
	});
}