// ================================================================
//                       CHEditor 5.01
// ----------------------------------------------------------------
// Author: Na Chang Ho
// Homepage: http://www.chcode.com
// EMail: support@chcode.com
// Copyright (c) 1997-2010 CHSOFT
// ================================================================
var userAgent = navigator.userAgent.toLowerCase();
var GB = {
    colors : ["#ffffff", "#000000", "#eeece1", "#1f497d", "#4f81bd", "#c0504d", "#9bbb59", "#8064a2", "#4bacc6", "#f79646",
              "#f2f2f2", "#7f7f7f", "#ddd9c3", "#c6d9f0", "#dbe5f1", "#f2dcdb", "#ebf1dd", "#e5e0ec", "#dbeef3", "#fdeada",
              "#d8d8d8", "#595959", "#c4bd97", "#8db3e2", "#b8cce4", "#e5b9b7", "#d7e3bc", "#ccc1d9", "#b7dde8", "#fbd5b5",
              "#bfbfbf", "#3f3f3f", "#938953", "#548dd4", "#95b3d7", "#d99694", "#c3d69b", "#b2a2c7", "#92cddc", "#fac08f",
              "#a5a5a5", "#262626", "#494429", "#17365d", "#366092", "#953734", "#76923c", "#5f497a", "#31859b", "#e36c09",
              "#7f7f7f", "#0c0c0c", "#1d1b10", "#0f243e", "#244061", "#632423", "#4f6128", "#3f3151", "#205867", "#974806",
              "#c00000", "#ff0000", "#ffc000", "#ffff00", "#92d050", "#00b050", "#00b0f0", "#0070c0", "#002060", "#7030a0"],

    htmlKey : ["!doctype", "a", "abbr", "acronym", "address", "applet", "area", "b", "base", "basefont", "bgsound", "bdo",
               "big", "blink", "dl", "body", "br", "button", "caption", "center", "cite", "code", "col", "colgroup",
               "comment", "dd", "del", "dfn", "dir", "div", "font", "dt", "em", "embed", "fieldset", "blockquote",
               "form", "frame", "frameset", "h", "h1", "h2", "h3", "h4", "h5", "h6", "head", "hr",
               "html", "i", "iframe", "img", "input", "ins", "isindex", "kbd", "label", "legend", "li", "link",
               "listing", "map", "marquee", "menu", "meta", "multicol", "nextid", "nobr", "noframes", "noscript", "object", "ol",
               "optgroup", "option", "p", "param", "plaintext","pre", "q", "s", "samp", "script", "select", "server",
               "small", "sound", "spacer", "span", "strike", "strong", "style", "sub", "sup", "table", "tbody", "td",
               "textarea", "title", "tfoot", "th", "thead", "textflow", "tr", "tt", "u", "ul", "var", "wbr", "xmp"],

    offElements	: { IMG:1, HR:1, TABLE:1, EMBED:1, OBJECT:1, INPUT:1, FORM:1, SELECT:1, TEXTAREA:1, BUTTON:1, FIELDSET:1 },
               
    browser     : { msie    : /msie/.test(userAgent) && !/opera/.test(userAgent),
                    ver     : (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],
                    gecko   : /gecko/.test(userAgent),
                    opera   : /opera/.test(userAgent),
                    safari  : /webkit/.test(userAgent),
                    mozilla : /mozilla/.test(userAgent) && !/(compatible|webkit)/.test(userAgent)
    },

    popupWindow : {
		           //ImageUpload :	{ tmpl : 'image.html', 			width : 700, title : '내 PC 사진 넣기' },
                   ImageUpload :	{ tmpl : 'popup_upload.html', 	width : 354, title : '내 PC 사진 넣기' },
                   ImageUrl :   	{ tmpl : 'image_url.html', 		width : 354, title : '웹 사진 넣기' },
                   Embed :      	{ tmpl : 'media.html', 			width : 430, title : '미디어' },
                   Table :      	{ tmpl : 'table.html', 			width : 430, title : '테이블 만들기' },
                   ModifyTable :    { tmpl : 'table_modify.html',	width : 430, title : '테이블 고치기' },
                   Layout :      	{ tmpl : 'layout.html',			width : 430, title : '레이아웃' },                   
                   Link :  			{ tmpl : 'link.html', 			width : 420, title : '하이퍼링크' },
                   EmotionIcon :	{ tmpl : 'icon.html',			width : 350, title : '표정아이콘' },
                   Symbol :      	{ tmpl : 'symbol.html', 		width : 450, title : '특수 문자' },
                   GoogleMap : 		{ tmpl : 'google_map.html',  	width : 535, title : '구글 지도' },
                   FlashMovie :     { tmpl : 'flash.html', 			width : 502, title : '플래쉬 동영상' }},
    
    fontName 	: { 'kr' : ['굴림', '바탕', '돋움', '궁서'],
                	'en' : ['Arial', 'Arial Black', 'Arial Narrow', 'Comic Sans MS', 
                	        'Courier New', 'Georgia', 'Tahoma', 'Times New Roman', 'Verdana'] },
                	
    fontSize	: { '1' : '8pt',
                	'2' : '10pt',
                	'3' : '12pt',
                	'4' : '14pt',
                	'5' : '18pt',
                	'6' : '24pt',
                	'7' : '36pt',
                	'null' : null,
                	'10px' : '8pt',
                	'12px' : '9pt',
                	'13px' : '10pt',
                	'16px' : '12pt',
                	'18px' : '14pt',
                	'24px' : '18pt',
                	'32px' : '24pt',
                	'48px' : '36pt'},
                	
    paragraph	: { 'P'	: '기본 문단 (P)',
                	'H1' : '제목 1',
                	'H2' : '제목 2',
                	'H3' : '제목 3',
                	'H4' : '제목 4',
                	'H5' : '제목 5',
                	'H6' : '제목 6',
                	'DIV': '기본 문단 (DIV)',
                	'ADDRESS' : '주소 (ADDRESS)',
                	'PRE' : 'Preformatted (PRE)' },
                	
   textBlock 	: [['1px #dedfdf solid','#f7f7f7'],
             	   ['1px #aee8e8 solid','#bfffff'],
                   ['1px #d3bceb solid','#e6ccff'],
                   ['1px #e8e88b solid','#ffff99'],
                   ['1px #c3e89e solid','#d6ffad'],
                   ['1px #e8c8b7 solid','#ffdcc9'],
                   ['1px #666666 dashed','#ffffff'],
                   ['1px #d4d4d4 solid','#ffffff'],
                   ['1px #cccccc inset','#f7f7f7']],
                   
   node			: { ELEMENT_NODE                :  1,
                	ATTRIBUTE_NODE              :  2,
                	TEXT_NODE                   :  3,
                	CDATA_SECTION_NODE          :  4,
                	ENTITY_REFERENCE_NODE       :  5,
                	ENTITY_NODE                 :  6,
                	PROCESSING_INSTRUCTION_NODE :  7,
                	COMMENT_NODE                :  8,
                	DOCUMENT_NODE               :  9,
                	DOCUMENT_TYPE_NODE          : 10,
                	DOCUMENT_FRAGMENT_NODE      : 11,
                	NOTATION_NODE               : 12 },
                	
    selection	: { SELECTION_NONE				: 1,
                	SELECTION_TEXT				: 2,
                	SELECTION_ELEMENT			: 3 }
};

function URI (uri) {
    this.scheme    = null;
    this.authority = null;
    this.path      = '';
    this.query     = null;
    this.fragment  = null;

    this.parse = function (uri) {
        var m = uri.match(/^(([A-Za-z][0-9A-Za-z+.-]*)(:))?((\/\/)([^\/?#]*))?([^?#]*)((\?)([^#]*))?((#)(.*))?/);
        this.scheme    = m[3] ? m[2] : null;
        this.authority = m[5] ? m[6] : null;
        this.path      = m[7];
        this.query     = m[9] ? m[10] : null;
        this.fragment  = m[12]? m[13] : null;
        return this;
    };

    this.toString = function () {
        var result = '';
        if(this.scheme    != null) result = result +      this.scheme + ':';
        if(this.authority != null) result = result +'//'+ this.authority;
        if(this.path      != null) result = result +      this.path;
        if(this.query     != null) result = result + '?'+ this.query;
        if(this.fragment  != null) result = result + '#'+ this.fragment;
        return result;
    };

    this.toAbsolute = function (base) {
        var base = new URI(base);
        var r = this;
        var t = new URI;

        if (base.scheme == null) return false;

        if (r.scheme != null && r.scheme.toLowerCase() == base.scheme.toLowerCase()) {
            r.scheme = null;
        }

        if (r.scheme != null) {
            t.scheme    = r.scheme;
            t.authority = r.authority;
            t.path      = removeDotSegments(r.path);
            t.query     = r.query;
        }
        else {
            if (r.authority != null) {
                t.authority = r.authority;
                t.path      = removeDotSegments(r.path);
                t.query     = r.query;
            }
            else {
                if (r.path == '') {
                    t.path = base.path;
                    t.query = r.query || base.query;
                }
                else {
                    if (r.path.substr(0,1) == '/') {
                        t.path = removeDotSegments(r.path);
                    }
                    else {
                        if (base.authority != null && base.path == '') {
                            t.path = '/'+r.path;
                        }
                        else {
                            t.path = base.path.replace(/[^\/]+$/,'')+r.path;
                        }
                        t.path = removeDotSegments(t.path);
                    }
                    t.query = r.query;
                }
                t.authority = base.authority;
            }
            t.scheme = base.scheme;
        }

        t.fragment = r.fragment;
        return t;
    };

    function removeDotSegments (path) {
        var out = '';
        while (path) {
            if (path.substr(0,3)=='../' || path.substr(0,2)=='./') {
                path = path.replace(/^\.+/,'').substr(1);
            }
            else if (path.substr(0,3)=='/./' || path=='/.') {
                path = '/'+path.substr(3);
            }
            else if (path.substr(0,4)=='/../' || path=='/..') {
                path = '/'+path.substr(4);
                out = out.replace(/\/?[^\/]*$/, '');
            }
            else if (path=='.' || path=='..') {
                path = '';
            }
            else {
                var rm = path.match(/^\/?[^\/]*/)[0];
                path = path.substr(rm.length);
                out = out + rm;
            }
        }
        return out;
    }

    if (uri) this.parse(uri);
}

function setConfig (oname) {
    this.config = {
            editorWidth     : '100%',
            editorHeight    : '300px',
            editorFontSize  : '9pt',
            editorFontName  : '굴림',
            editorFontColor : '#000',
            editorBgColor   : '#fff',
            lineHeight      : 1.5,
            editAreaMargin  : '5px 10px',
            tabIndex        : 0,
            //editorPath      : null,
			editorPath      : '/core/editor/',
            fullHTMLSource  : false,
            linkTarget      : '_blank',
            showTagPath     : false,
            imgMaxWidth     : 640,
            imgBlockMargin  : '5px 0px',
            imgReSize       : true,
            includeHostname : true,
            ieEnterMode     : 'div', // [css, div, br, default]

            // 버튼 사용 유무
            useSource       : true,
            usePreview      : true,
            usePrint        : false,
            useNewDocument  : false,
            useUndo         : false,
            useRedo         : false,
            useCopy         : true,
            useCut          : true,
            usePaste        : true,
            usePasteFromWord: false,
            useSelectAll    : true,
            useBold         : true,
            useUnderline    : true,
            useStrikethrough: true,
            useItalic       : true,
            useSuperscript  : false,
            useSubscript    : false,
            useJustifyLeft  : true,
            useJustifyCenter: true,
            useJustifyRight : true,
            useJustifyFull  : true,
            useOrderedList  : true,
            useUnOrderedList: true,
            useOutdent      : true,
            useIndent       : true,
            useFontName     : true,
            useParagraph    : true,
            useFontSize     : true,
            useBackColor    : true,
            useForeColor    : true,
            useRemoveFormat : false,
            useClearTag 	: false,            
            useSymbol       : true,
            useLink    		: true,
            useUnLink       : true,
            useFlash        : true,
            useMedia        : true,
            useImage  		: true,
            useImageUrl    	: true,
            useSmileyIcon   : true,
            useHR           : true,
            useTable        : true,
            useModifyTable	: true,
            useLayout       : false, // 현재 버전에서 구현되지 않음
            useMap       	: false,
            useTextBlock    : true,
            useFullScreen   : true,
            usePageBreak    : false,
            allowedScript	: true,
            allowedMaxImgSize : 0
    };

   
    if (this.config.editorPath == null) {
        var base = location.href;
        var e = document.getElementsByTagName('base');
        for (var i=0; i<e.length; i++) {
            if (e[i].href)
                base = e[i].href;
        }

        var e = document.getElementsByTagName('script');
        for (var i=0; i<e.length; i++) {
            if (e[i].src) {
                var src = new URI(e[i].src);
                if(/\/cheditor\.js$/.test(src.path)) {
                    var srcAbs = src.toAbsolute(base).toString();
                    delete srcAbs.query;
                    delete srcAbs.fragment;
                    this.config.editorPath = srcAbs.replace(/[^\/]+$/, '');
                }
            }
        }
    }

    this.cheditor         	= new Object();
	this.oname              = oname;
    this.inputForm          = null;
    this.range              = null;
    this.images             = new Array();
    this.editImages			= new Object();
    this.setFullScreenMode  = false;
    this._modalReSize       = null;
    this.templateFile		= 'template.xml';
    this.templatePath		= this.config.editorPath + this.templateFile;
    this.xmlDoc				= null;
    this.toolbar			= new Object();
    this.pulldown			= new Object();
    this.tempTimer			= null;
    this.tmpObject          = null;
    this.currentRS   		= new Object();
    this.resizeEditor		= new Object();
};

function cheditor (oname) {
    try {
        if (typeof(document.execCommand) == 'undefined') {
            throw "현재 브라우저가 execCommand를 지원하지 않습니다.\nCHEditor를 사용할 수 없습니다.";
        }
        if (GB.browser.msie && GB.browser.ver < 6) {
            throw "CHEditor는 MSIE 5.x 이하 버전을 지원하지 않습니다.";
        }
        else if (GB.browser.gecko) {
            if (navigator.productSub < 20030107)
                throw "CHEditor는 현재 사용 중인 브라우저를 지원하지 않습니다.";
        }
    }
    catch (e) {
        alert(e);
        return null;
    }

    setConfig.call(this, oname);

    if (this.config.editorPath == null) {
        alert('CHEditor 경로가 바르지 않습니다.\nmyeditor.config.editorPath를 설정하여 주십시오.');
        return null;
    }
};

cheditor.prototype = {
//----------------------------------------------------------------

resetData : function () {
    this.resetEditArea();
    if (GB.browser.msie) {
        try { document.execCommand('BackgroundImageCache', false, true); }
        catch (e) {}
    }
},

appendContents : function (contents) {
    this.editArea.focus();
    var div = this.doc.createElement('div');
    div.innerHTML = '' + this.trimSpace(contents);

    while (div.hasChildNodes())
        this.doc.body.appendChild(div.firstChild);

    this.editArea.focus();
},

insertContents : function (contents) {
    this.editArea.focus();
    this.doCmdPaste(''+this.trimSpace(contents));
},

replaceContents : function (contents) {
    this.editArea.focus();
    this.doc.body.innerHTML = '';
    this.loadContents(contents);
    this.editArea.focus();
},

loadContents : function (contents) {
    this.cheditor.editArea.style.visibility = 'hidden';

    if (typeof(contents) === 'string') {
        this.doc.body.innerHTML = this.trimSpace(contents);
    }

    this.cheditor.editArea.style.visibility = 'visible';
},

loadScript : function (path) {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = path;
    var head = document.getElementsByTagName("head")[0] || document.documentElement;
    var done = false;

    script.onload = script.onreadystatechange = function() {
        if (!done && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete"))
        {
            done = true;
            head.removeChild(script);
        }
    };

    head.appendChild(script);
},

checkEditorPath : function () {
	if (this.config.editorPath.charAt(this.config.editorPath.length-1) != '/')
		this.config.editorPath += '/';
	
    this.config.iconPath	= this.config.editorPath + 'icons/';
    this.config.cssPath     = this.config.editorPath + 'css/';
    this.config.popupPath   = this.config.editorPath + 'popup/';
},

setDesignMode : function (designMode) {
    if (GB.browser.msie) {
        this.doc.body.contentEditable = designMode;
    }
    else {
    	this.doc.designMode  = designMode ? "On" : "Off";
    }
},

openDoc : function (doc, contents) {
    doc.open("text/html", "replace");
    doc.close();

    if (typeof(contents) === 'string')
        doc.body.innerHTML = contents;
},

getWindowHandle : function (iframeObj) {
	var iframeWin = null;
	if (iframeObj.contentWindow)
		iframeWin = iframeObj.contentWindow;
	else if (iframeObj.contentDocument)
		iframeWin = iframeObj.contentDocument.defaultView;
	else if (iframeObj.Document)
		iframeWin = iframeObj.Document.parentWindow;
	else
		alert('현재 브라우저에서 실행할 수 없습니다.');
	return iframeWin;
},

resetDoc : function () {
	this.editArea = this.getWindowHandle(this.cheditor.editArea);
	this.doc = (GB.browser.msie) ? this.editArea.document : this.cheditor.editArea.contentDocument;
},

resetEditArea : function () {
    this.resetDoc();
    this.openDoc(this.doc);
    this.setDesignMode(true);
    this.editArea.focus();

    if (this.inputForm != null && typeof(this.$(this.inputForm)) != 'undefined') {
        this.setDesignMode(false);
        this.loadContents(this.trimSpace(this.$(this.inputForm).value));
        this.setDesignMode(true);
    }

    this.doc.body.style.fontSize        = this.config.editorFontSize;
    this.doc.body.style.fontFamily      = this.config.editorFontName;
    this.doc.body.style.color           = this.config.editorFontColor;
    this.doc.body.style.margin          = this.config.editAreaMargin;
    this.doc.body.style.lineHeight      = this.config.lineHeight;
    this.doc.body.style.backgroundColor = this.config.editorBgColor;
    this.cheditor.editArea.style.padding  = '0px';
    this.cheditor.editArea.style.margin   = '0px';
},

resizeGetY : function (ev) {
    return GB.browser.msie ? 
    		window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop :
    			ev.clientY + window.pageYOffset;
},

resizeStart : function (ev) {
    this.currentRS.elNode = this.cheditor.editArea;
    var Y = GB.browser.msie ? 
    		window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop :
    			ev.clientY + window.pageYOffset;

    this.currentRS.cursorStartY = this.resizeGetY(ev);
    this.currentRS.elStartTop = parseInt(this.currentRS.elNode.style.height);

    if (isNaN(this.currentRS.elStartTop)) this.currentRS.elStartTop = 0;

    var self = this;
    var ev = ev || window.event;
    
    self.resizeEditor.stopFunc = function() { self.resizeStop.call(self, ev); };
    self.resizeEditor.moveFunc = function(event) { self.resizeMove.call(self, event); };

    if (GB.browser.msie) this.setDesignMode(false);
    
    this.currentRS.elNode.style.visibility = 'hidden';
    this.addEvent(document, "mousemove", self.resizeEditor.moveFunc);
    this.addEvent(document, "mouseup", self.resizeEditor.stopFunc);
    this.stopEvent(ev);
},

resizeMove : function (ev) {
    var Y = this.resizeGetY(ev);
    var H = this.currentRS.elStartTop + Y - this.currentRS.cursorStartY;
    if (H < 1) {
    	this.resizeStop(ev);
    	H = 1;
    }
    this.config.editorHeight = this.currentRS.elNode.style.height  = H + 'px';
    this.stopEvent(ev);
},

resizeStop : function (ev) {
    this.removeEvent(document, "mouseup", this.resizeEditor.stopFunc);
    this.removeEvent(document, "mousemove", this.resizeEditor.moveFunc);
    this.stopEvent(ev);
    this.currentRS.elNode.style.visibility = 'visible';
    this.editArea.focus();
    this.restoreRange();
    if (GB.browser.msie) this.setDesignMode(true);
},

switchEditorMode : function (changeMode) {
    this.editArea.focus();
    if (this.cheditor.mode == changeMode) return;

    for (var i in this.cheditor.modetab) {
    	var className = this.cheditor.modetab[i].className;
    	className = className.replace(/\-off/,'');
    	if (i != changeMode) {
    		this.cheditor.modetab[i].className = className + '-off';
    	}
    	else {
        	this.cheditor.modetab[i].className = className;
    	}
    }

    switch (changeMode) {
        case 'rich' :
            this.richMode();
            this.showTagSelector(true);
            break;
        case 'code' :
        	this.editMode();
            this.showTagSelector(false);
            break;
        case 'preview' :
            this.previewMode();
            this.showTagSelector(false);
            break;
        default : break;
    }
    
    this.cheditor.mode = changeMode;
},

initTemplate : function () {
	var self = this;
	var xmlDoc;
	
	if (window.ActiveXObject) {
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		
		xmlDoc.async = "false";
		xmlDoc.onreadystatechange = function() {
			if (xmlDoc.readyState == 4) {
				try {
					self.xmlDoc = xmlDoc;
					self.loadTemplate.call(self);
				}
				catch(e) {
					alert('Error loading the ' + self.templatePath + ' file: ' + e.toString());
				}
			}
		};
		
		xmlDoc.load(self.templatePath);
	}
	else if (window.XMLHttpRequest) {
		xmlDoc = new XMLHttpRequest();
		
		if (xmlDoc.overrideMimeType) {
			xmlDoc.overrideMimeType('text/xml');
		}
		
		xmlDoc.onload = function() { 
			self.xmlDoc = xmlDoc.responseXML;
			self.loadTemplate.call(self);
		};
		
		xmlDoc.open("GET", self.templatePath, false);
		xmlDoc.send('');
	}
	else {
		alert("Your browser can't load the " + self.templatePath + " file");
	}
},

getCDATASection : function (node) {
	if (node.hasChildNodes()) {
		var elem = node.firstChild;
		while (elem && elem.nodeType != GB.node.CDATA_SECTION_NODE) {
			elem = elem.nextSibling;
		}
				
		if (elem && elem.nodeType == GB.node.CDATA_SECTION_NODE) {
			var data = elem.data;
			data = data.replace(/\n/g, '');
			data = data.replace(/(\s+?)\<([^\>]*)\>/g, "<$2>");
			data = this.trimSpace(data);
			return data;
		}
	}
	return null;
},

setToolbarBgPosition : function (elem, attr) {
	elem.style.backgroundPosition = attr;
},

getToolbarBgPosition : function (elem) {
	var pos;
	switch (elem.className) {
		case 'cheditor-tb-bg' 			: pos = 3; break;
		case 'cheditor-tb-bg-last' 		: pos = 6; break;
		case 'cheditor-tb-bg-single' 	: pos = 9; break;
		case 'cheditor-tb-bg30' 		: pos = 12; break;
		case 'cheditor-tb-bg30-last' 	: pos = 15; break;
		case 'cheditor-tb-bg55' 		: pos = 18; break;
		case 'cheditor-tb-bg40' 		: pos = 21; break;
		default : pos = 0;
	}
	return pos;	
},

toolbarPreviousChecked : function (elem) {
	var previousName = elem.previousSibling.getAttribute('name');
	if (previousName && this.toolbar[previousName]['checked'] == true) {
		return this.toolbar[previousName].button;
	}
	
	return false;
},

toolbarMouseOverUp : function (elem) {
	this.setToolbarBgPosition(elem, "0 " + (~(((this.getToolbarBgPosition(elem) + 1) * elem.getAttribute('btnHeight'))) + 1) + 'px');

	if (elem.getAttribute('name') == 'ForeColor' && elem.previousSibling.checked) {
			this.setToolbarBgPosition(elem.previousSibling, 
				(~(elem.previousSibling.getAttribute('btnWidth')) + 1) + "px " + 
					(~((this.getToolbarBgPosition(elem.previousSibling)+2) * elem.previousSibling.getAttribute('btnHeight')) + 1) + 'px');
		return;
	}
	
	if (elem.previousSibling && typeof elem.previousSibling.getAttribute('btnWidth') != null) {
		var previous = this.toolbarPreviousChecked(elem);
		if (previous) 
		{
			this.setToolbarBgPosition(previous, (~(previous.getAttribute('btnWidth')) + 1) + "px " + 
					(~((this.getToolbarBgPosition(previous) + 2) * previous.getAttribute('btnHeight')) + 1) + 'px');
			return;
		}
		
		if (elem.previousSibling.className == 'cheditor-tb-bg-first') {
			this.setToolbarBgPosition(elem.previousSibling,  (~(elem.previousSibling.getAttribute('btnWidth')) + 1) + "px 0");
		}
		else {
			this.setToolbarBgPosition(elem.previousSibling, 
					(~(elem.previousSibling.getAttribute('btnWidth')) + 1) + "px " + 
						(~(this.getToolbarBgPosition(elem.previousSibling) * elem.previousSibling.getAttribute('btnHeight')) + 1) + 'px');
		}
	}
},


toolbarMouseDownOut : function (elem) {
	if (elem.previousSibling == null || typeof elem.previousSibling.getAttribute('btnWidth') == null)
		return;
	
	var previous = this.toolbarPreviousChecked(elem);
	if (previous) {
		this.setToolbarBgPosition(previous, "0 " + 
				(~((this.getToolbarBgPosition(previous) + 2) * previous.getAttribute('btnHeight')) + 1) + 'px');		
		return;
	}
	
	this.setToolbarBgPosition(elem.previousSibling, 
			"0 " + (~(this.getToolbarBgPosition(elem.previousSibling) * elem.previousSibling.getAttribute('btnHeight')) + 1) + 'px');	
},

toolbarButtonChecked : function (elem) {
	this.setToolbarBgPosition(elem, "0 " + (~((this.getToolbarBgPosition(elem) + 2) * elem.getAttribute('btnHeight')) + 1) + 'px');
},

toolbarButtonUnchecked : function (elem) {
	this.setToolbarBgPosition(elem, "0 " + (~(this.getToolbarBgPosition(elem) * elem.getAttribute('btnHeight')) + 1) + 'px');
},

toolbarSetBackgroundImage : function (elem, disabled) {
	if (GB.browser.msie || !elem.style.backgroundImage)
		return;

	elem.style.backgroundImage = 'url('+(disabled ? this.toolbar.iconDisable : this.toolbar.icon)+')';
},

toolbarDisable : function (elem, disable) {
	if (disable) {
		this.toolbarSetBackgroundImage(elem.firstChild, true);
		
		elem.firstChild.style.KhtmlOpacity = elem.firstChild.style.opacity = elem.firstChild.style.MozOpacity = 0.5;
		elem.firstChild.style.filter = 'Alpha(opacity=50) gray';
		elem.style.cursor = 'default';
		
		this.toolbarButtonUnchecked(elem);
		this.toolbarMouseDownOut(elem);
		
		if (GB.browser.msie) elem.disabled = true;
		else this.toolbar[elem.getAttribute('name')]['disabled'] = true;
		
		return true;
	}
	else {
		this.toolbarSetBackgroundImage(elem.firstChild, false);
		elem.style.cursor = 'pointer';
		elem.firstChild.style.KhtmlOpacity = elem.firstChild.style.opacity = elem.firstChild.style.MozOpacity = '';
		elem.firstChild.style.filter = '';
		
		if (GB.browser.msie) elem.disabled = false;
		else this.toolbar[elem.getAttribute('name')]['disabled'] = false;
		
		return false;
	}
},

number2rgb : function (value) {
	if (typeof value != "number")
		return value;

	var r = value & 0xFF;
	var g = (value >> 8) & 0xFF;
	var b = (value >> 16) & 0xFF;
	
	return "rgb(" + r + "," + g + "," + b + ")";
},

toolbarUpdate : function () {
	var toolbar = this.toolbar;
	var rng = this.getRange();
    var nodeType = this.getSelectionType(rng);
    var pNode, ancestors = new Array(), ancestorsLen = 0;
    var rngtext = (GB.browser.msie) ? rng.text == '' : rng.toString() == '';


    if (GB.browser.msie) {
        switch (nodeType) {
        case GB.selection.SELECTION_TEXT :
        case GB.selection.SELECTION_NONE :
            pNode = rng.parentElement();
            break;
        case GB.selection.SELECTION_ELEMENT :
            pNode = rng.item(0);
            break;
        default :
            pNode = this.doc;
        }
    }
    else {
        try {
            pNode = rng.commonAncestorContainer;
            if (!rng.collapsed &&
                rng.startContainer == rng.endContainer &&
                rng.startOffset - rng.endOffset < 2 &&
                rng.startContainer.hasChildNodes())
            {
                pNode = rng.startContainer.childNodes[rng.startOffset];
            }

            if (nodeType == GB.selection.SELECTION_TEXT)
            	pNode = pNode.parentNode;
            
            if (rngtext)
            	rngtext = GB.offElements[pNode.nodeName] ? false : true;
        }
        catch (e) { pNode= this.doc; }
    }

    var isControl = false, isTable = false;

    if (nodeType == GB.selection.SELECTION_ELEMENT) {
   		isControl = GB.browser.msie ? true : GB.offElements[pNode.nodeName];
    }
    else {
    	while (pNode && pNode.nodeType == GB.node.ELEMENT_NODE && pNode.nodeName != 'BODY') {
    		ancestors.push(pNode);
    		if (pNode.nodeName == 'TD') isTable = true;
    		pNode = pNode.parentNode;
    	}
    	ancestorsLen = ancestors.length;
    }

    var isNoOff = { 'ImageUpload':1, 'ImageUrl':1, 'EmotionIcon':1, 'Link':1, 'GoogleMap':1 };
    
    if (!isTable && nodeType== GB.selection.SELECTION_ELEMENT && 
    		(pNode.nodeName == 'TABLE' || pNode.nodeName == 'TD'))
    {
    	isTable = true;
    }

	for (var i in toolbar) {
		var cmd = toolbar[i].cmd;
		if (cmd == null)
			continue;
		
		var autoOff = false;

		if (isControl && nodeType == GB.selection.SELECTION_ELEMENT) {
			if (toolbar[i].group != 'Alignment') {
				autoOff = (pNode.nodeName == 'IMG' && isNoOff[cmd]) ? false : true;
			}
		}
		
		if (toolbar[i].name == 'ModifyTable') {
			autoOff = isTable ? false : true;
		}
		
		var isDisable = this.toolbarDisable(toolbar[i].button, autoOff);
		
		if (toolbar[i].name == 'ForeColor' || toolbar[i].name == 'BackColor') {
			toolbar[i].button.lastChild.style.display = isDisable ? 'none' : 'block';
		}
			
		if (toolbar[i].autocheck == null)
			continue;

		switch (cmd) {
		case 'Copy' :
		case 'Cut' :
			this.toolbarDisable(toolbar[i].button, rngtext);
			break;
		case 'UnLink' :
			var el = true;
			
			for (var j=0; j < ancestorsLen; j++) {
				if (ancestors[j].nodeName == 'A') {
					el = false;
					break;
				}
			}

			this.toolbarDisable(toolbar[i].button, el);
			break;
		case 'Paragraph' :
			var wrapper = toolbar[i].button.firstChild;
			var oldName = wrapper.firstChild;
			var el = false;
			
			for (var j=0; j < ancestorsLen; j++) {
				if (GB.paragraph[ancestors[j].nodeName]) {
					wrapper.replaceChild(document.createTextNode(GB.paragraph[ancestors[j].nodeName]), oldName);
					el = true;
					break;
				}
			}

			if (!el) {
				wrapper.replaceChild(document.createTextNode('스타일'), oldName);
			}
			break;
		case 'ForeColor' :
		case 'BackColor' :
			if (cmd == 'BackColor' && !GB.browser.msie)
				cmd = 'HiliteColor';

			try {
				var wrapper = toolbar[i].button.lastChild;
				var fontAttr = this.number2rgb(this.doc.queryCommandValue(cmd));
				if (!fontAttr)
					fontAttr = (cmd == 'ForeColor') ? this.config.editorFontColor : this.config.editorBgColor;
			
				wrapper.style.backgroundColor = fontAttr;
			}
			catch(e) {}
			break;
		case 'FontName' :
		case 'FontSize' :
			try {
				var wrapper = toolbar[i].button.firstChild;
				var el = false;
				var fontAttr = this.doc.queryCommandValue(cmd);

				if (fontAttr) {
					var newAttr = (cmd == 'FontSize') ? 
						(GB.fontSize[fontAttr] ? GB.fontSize[fontAttr] : fontAttr) : 
							fontAttr;
						
					wrapper.replaceChild(document.createTextNode(newAttr), wrapper.firstChild);
					el = true;
				}
		    
				if (!el) {
					var defaultAttr = (cmd == 'FontSize') ? this.config.editorFontSize : this.config.editorFontName;
		    		if (wrapper.hasChildNodes()) {
		    			wrapper.removeChild(wrapper.firstChild);
		    		}
		    		wrapper.appendChild(document.createTextNode(defaultAttr));
		    	}
			}
			catch(e) {}
			break;
		case 'TextBlock':
			break;
		default:
			try {
				var state = this.doc.queryCommandState(cmd);
				if (state && (nodeType == GB.selection.SELECTION_TEXT || nodeType == GB.selection.SELECTION_NONE)) {
					this.toolbarButtonChecked(toolbar[i].button);
					toolbar[i].checked = true;
				}
				else {
					this.toolbarButtonUnchecked(toolbar[i].button);
					toolbar[i].checked = false;
				}

			}
			catch(e) {}
		}
	}
},
    
createButton : function (name, attr, group) {
	var self = this;
	var elem = null;
	var method = attr.getElementsByTagName('Execution')[0].getAttribute('method');
	var cmd = attr.getElementsByTagName('Execution')[0].getAttribute('value');
	var check = attr.getAttribute('check');
	
	elem = document.createElement('div');
	elem.className = attr.getAttribute('class');
	
	var btnWidth = attr.getAttribute('width');
	elem.style.width = btnWidth + 'px';
	elem.setAttribute('btnWidth', btnWidth);
	elem.setAttribute('name', name);
	elem.setAttribute('method', method);
	
	var btnHeight = attr.getAttribute('height');
	elem.style.height = btnHeight + 'px';
	elem.setAttribute('btnHeight', btnHeight);

	var obj = {
			'button' 	: elem,
			'disabled'	: false,
			'name'		: name,
			'method' 	: method,
			'cmd'  		: cmd,
			'checked'	: false,
			'group'		: group,
			'autocheck'	: check
	};
	
	self.toolbar[name] = obj;
	
	self.addEvent(elem, 'mouseover', function() {
		if ((obj.checked == false && obj.disabled == false))
			self.toolbarMouseOverUp(elem);
	});
	self.addEvent(elem, 'mouseup', function(ev) {
		if (obj.checked == false && obj.disabled == false) {
			self.toolbarMouseOverUp(elem);
			self.stopEvent(GB.browser.msie ? window.event : ev);
		}
	});
	
	self.addEvent(elem, 'mousedown', function(ev) {
		if (obj.checked == false && obj.disabled == false) {
			self.toolbarButtonChecked(elem);
			self.toolbarMouseDownOut(elem);
			self.stopEvent(GB.browser.msie ? window.event : ev);
		}
		
	});

	self.addEvent(elem, 'click', function(ev) {
		if (obj.disabled) return false;
		
		switch (obj.method) {
		case 'doCmd' :
			self.doCmd(obj.cmd, '');
			break;
		case 'windowOpen' :
			self.windowOpen(obj.cmd);
			break;
		case 'showPulldown' :
			if (obj.checked) {
				obj.checked = false;
				self.boxHideAll();
			}
			else {
				obj.checked = true;
				self.showPulldown(obj.cmd, obj.button);
			}
			
			if (obj.checked == true) {
				self.toolbarButtonChecked(elem);
				self.toolbarMouseDownOut(elem);
				self.stopEvent(GB.browser.msie ? window.event : ev);
			}
			break;
		default :
			break;
		}
	});
	
	self.addEvent(elem, 'mouseout', function() { 
		if (obj.checked == false) {
			self.toolbarButtonUnchecked(elem);
			self.toolbarMouseDownOut(elem);
		}
	});

	return elem;
},

showToolbar : function (toolbar, toolbarWrapper) {
	var self = this;
    toolbarWrapper.className = 'cheditor-tb-wrapper';
    
	var toolbarIcon = toolbar.getElementsByTagName('Image').item(0).getAttribute('file');
    var group = toolbar.getElementsByTagName('Group');
    var grpNum = group.length;
    var tmpArr = toolbarIcon.split(/\./);
	self.toolbar.icon = self.config.iconPath + toolbarIcon;
	self.toolbar.iconDisable = self.config.iconPath + tmpArr[0] + '-disable' + '.' + tmpArr[1];
	
	var appendSpaceBlock = function(pNode) {
		var div = document.createElement('div');
		div.className = 'cheditor-tb-split';
		pNode.appendChild(div);
	};
	
	for (var i=0; i < grpNum; i++) {
		var grpName = group[i].getAttribute('name');
		if (grpName == 'Split') {
			 appendSpaceBlock(toolbarWrapper);
			 continue;
		}
		
		var btn = group[i].getElementsByTagName('Button');
		var btnNum = btn.length;
		var grpDiv = document.createElement('div');

		for (var j=0; j < btnNum; j++) {
			var attr = btn[j].getElementsByTagName('Attribute')[0];
			var btnName = btn[j].getAttribute('name');
			
			if (self.config['use'+btnName] != true) {
				continue;
			}
			
			var btnIcon = document.createElement('div');
			var btnElem = self.createButton(btnName, attr, grpName);
			var icon = attr.getElementsByTagName('Icon')[0];
			
			btnIcon.className = icon.getAttribute('class');
			
			if (btn[j].getAttribute('tooltip') != null) {
				btnElem.setAttribute('title', btn[j].getAttribute('tooltip'));
			}

			var pos = icon.getAttribute('position');
			if (pos != null) {
				btnIcon.style.backgroundImage = 'url('+self.toolbar.icon+')';
				btnIcon.style.backgroundRepeat = 'no-repeat';
				self.setToolbarBgPosition(btnIcon, (~pos + 1) + 'px center');
			}
			else {
				var txt = icon.getAttribute('alt');
				if (txt != null) {
					btnIcon.appendChild(document.createTextNode(txt));
				}
			}

			btnElem.appendChild(btnIcon);

			if (btnName == 'ForeColor' || btnName == 'BackColor') {
				var currentColor = document.createElement('div');
				currentColor.className = 'cheditor-tb-color-btn';
				currentColor.style.backgroundColor = attr.getAttribute('default');
				btnElem.appendChild(currentColor);
			}
			
			grpDiv.appendChild(btnElem);
		}

		if (grpDiv.hasChildNodes() == false)
			continue;

		if (grpDiv.childNodes.length > 1) {
			grpDiv.firstChild.className = grpDiv.firstChild.className + '-first';
			grpDiv.lastChild.className = grpDiv.lastChild.className + '-last';
			while (grpDiv.hasChildNodes()) {
				toolbarWrapper.appendChild(grpDiv.firstChild);
			}
		}
		else {
			if (grpDiv.firstChild.className == 'cheditor-tb-bg') {
				grpDiv.firstChild.className = grpDiv.firstChild.className + '-single';
			}
			toolbarWrapper.appendChild(grpDiv.firstChild);
		}

		var spacer = document.createElement('div');
		spacer.className = 'cheditor-tb-button-spacer';
		toolbarWrapper.appendChild(spacer);
	}
	
	appendSpaceBlock(toolbarWrapper);
	 
	if (GB.browser.msie) {
		var child = toolbarWrapper.getElementsByTagName('div');
		var len = child.length;

		for (var i=0; i < len; i++) {
			self.unselectionElement(child[i]);
		}
		
		self.unselectionElement(toolbarWrapper);
	}
	else {
		self.unselectionElement(toolbarWrapper);
	}
},

unselectionElement : function (elem) {
	if (GB.browser.msie) {
		elem.setAttribute('unselectable', 'On');
		elem.setAttribute('contentEditable', false);
	}
	else {
		elem.onselectstart = new Function('return false');
	}
},

createEditorElement : function (container, toolbar) {
	if (!container.hasChildNodes())
		return;
	
    var child = container.firstChild;
    var self = this;
    do {
        var id = child.getAttribute('id');
        switch (id) {
        case 'toolbar' :
        	this.showToolbar(toolbar, child);
        	this.cheditor.toolbarWrapper = child;
        	break;
        case 'viewMode' :
        	this.cheditor[id] = child;
        	this.cheditor.mode = 'rich';
        	if (child.hasChildNodes()) {
        		var tab = child.childNodes;
    			this.cheditor.modetab = new Object();
    			
        		for (var i=0; i<tab.length; i++) {
        			var tabId = tab[i].getAttribute('id');
        			if (!tabId) continue;
        			if ((tabId == 'code' && this.config.useSource == false) ||
        				(tabId == 'preview' && this.config.usePreview == false) ||
        				(tabId == 'fullscreen' && this.config.useFullScreen == false))
        			{
        				tab[i].style.display = 'none';
        				tab[i].removeAttribute('id');
        				continue;
        			}

        			if (tabId == 'fullscreen') {
       					tab[i].onclick = function() {self.fullScreenMode();};
        			}
        			else {
        				tab[i].setAttribute('mode', tabId);
        				tab[i].onclick = function() {self.switchEditorMode(this.getAttribute('mode'));};
        				this.cheditor.modetab[tabId] = tab[i];
        			}

        			tab[i].removeAttribute('id');
        		}
        		this.unselectionElement(child);
        	}
        	break;
        case 'editWrapper' :
        	var editArea = child.getElementsByTagName('IFRAME').item(0);
        	editArea.style.height = this.config.editorHeight;
            
            if (isNaN(this.config.tagIndex) == false) {
            	editArea.setAttribute('tabIndex', this.config.tabIndex);
            }
            
            this.cheditor.editArea = editArea;
        	this.cheditor[id] = child;
            break;
        case 'modifyBlock' :
            this.cheditor.editBlock = child;
            break;
        case 'tagPath' :
            if (this.config.showTagPath) {
            	this.cheditor.tagPath = child.firstChild;
            	child.style.display = 'block';
            }
            break;
        case 'resizeBar' :
        	var self = this;
        	this.cheditor.resizeBar = child;
        	child.onmousedown = function(ev) { self.resizeStart(ev); };
        	this.unselectionElement(child);
            break;
        default : break;
        }
        
        child.removeAttribute('id');
      	child = child.nextSibling;
    }
    while (child);
	
    if (this.inputForm != null) {
        var textarea = this.$(this.inputForm);
        if (typeof textarea != 'undefined') {
            textarea.style.display = 'none';
            var pNode = textarea.parentNode,
                nNode = textarea.nextSibling;

            if (nNode == null) {
                pNode.appendChild(container);
            }
            else {
                pNode.insertBefore(container, nNode);
            }
        }
        this.cheditor.textarea = textarea;
    }
    
    if (GB.browser.msie) {
    	self.addEvent(document, 'readystatechange', function() {
    		if (/loaded|complete/.test(document.readyState)) {
    			self.cheditor.toolbarWrapperHeight = self.cheditor.toolbarWrapper.offsetHeight;
    		}
    	});
    }
    else {
    	self.addEvent(document, 'DOMContentLoaded', function() {
    		self.cheditor.toolbarWrapperHeight = self.cheditor.toolbarWrapper.offsetHeight;
    	});
    }
    
    container.style.width = this.config.editorWidth;
    this.cheditor.container = container;
},

loadTemplate : function () {
    var self = this;
	var tmpl = this.xmlDoc.getElementsByTagName('Template').item(0);
	var toolbar = tmpl.getElementsByTagName('Toolbar').item(0);
	if (tmpl.getElementsByTagName('Image').item(0).getAttribute('file') == null) {
		alert('툴바 아이콘 이미지 파일 이름이 정의되지 않았습니다.');
		return;
	}
	
	var cdata = tmpl.getElementsByTagName('Container').item(0).getElementsByTagName('Html').item(0);
	var html = self.getCDATASection(cdata);
	if (html == null)
		return;
	
	var tmpDiv = document.createElement('div');
	tmpDiv.innerHTML = html;
	
	var container = tmpDiv.firstChild;
	self.createEditorElement(container, toolbar);

	cdata = tmpl.getElementsByTagName('PopupWindow').item(0).getElementsByTagName('Html').item(0);
	html = self.getCDATASection(cdata);

	tmpDiv.innerHTML = html;

	var popupWindow = tmpDiv.firstChild;
	self.cheditor.popupElem = popupWindow;
	
	
	var dragHandle = popupWindow.firstChild;
	self.cheditor.dragHandle = dragHandle;
	
	var label = dragHandle.getElementsByTagName('label')[0];
	self.cheditor.popupTitle = label;
	var popupIFrame = popupWindow.lastChild;
	self.cheditor.popupFrameWrapper = popupIFrame;
	
	container.appendChild(popupWindow);

    var modalFrame = document.createElement('div');
    modalFrame.className = 'cheditor-modalPopupTransparent';
    self.cheditor.modalBackground = modalFrame;
    container.parentNode.insertBefore(modalFrame, container);
},

imageEvent : function (img, action) {
	var self = this;
	if (GB.browser.msie) {
		if (action == false) {
			img.onmouseup = null;
			return;
		}
		
		img.onmouseup = function() {
			self.cheditor.editBlock.style.display = "block";
			self.modifyImage(this);
		};
	}
	else {
		var imgev = function() {
			self.cheditor.editBlock.style.display = "block";
			self.modifyImage(this);
		};

		if (action == false) {
			self.removeEvent(img, 'click', imgev);
			return;
		}
		
		this.addEvent(img, 'click', imgev);
	}
},

setImageEvent : function (action) {
	var images = this.doc.images;
	var len = images.length;
	
	for (var i=0; i<len; i++) {
		this.imageEvent(images[i], action);
	}
},

run : function () {
    this.checkEditorPath();
    this.setDefaultCss({cssName: 'default.css', doc: window.document});
    
    this.initTemplate();
    this.resetData();
    
    this.editArea.focus();
    this.setEditorEvent();
    this.setDefaultCss();
    this.toolbarUpdate();
    this.setImageEvent(true);
},

fullScreenMode : function () {
    var self = this;
    self.editArea.focus();
    self.boxHideAll();
    self.cheditor.editArea.style.visibility = 'hidden';
    
    var container = self.cheditor.container; 
	var docElement = self.doc.documentElement;
   	var newDocument = function(content)
	{
		var setDoc = function () {
      		self.doc.open("text/html", "replace");
       		self.doc.write(content);
       		self.doc.close();
		};

    	if (GB.browser.msie) {
    		var done = false; 
    		self.editArea.onreadystatechange = function() {
    			if (!done && 
					(!this.readyState || this.readyState == "loaded" || this.readyState == "complete"))
				{
    				done = true;
					setDoc();
    			} 
    		}; 
    	}
    	else {
        	setDoc();
    	}
    };
   
    var mydoc = new String();
	if (GB.browser.msie) {
		mydoc = docElement.outerHTML;
	}
	else {
		var div = document.createElement('div');
		div.appendChild(docElement.cloneNode(true));
		mydoc = div.innerHTML;
	}

    if (self.setFullScreenMode == false) {
		var tmpdiv = document.createElement('div');
		self.cheditor.tmpnode = tmpdiv;
		tmpdiv.style.display = 'none';
		container.parentNode.insertBefore(tmpdiv, container);
		document.body.insertBefore(container, document.body.firstChild);

        container.className = 'cheditor-container-fullscreen';
        container.style.width = '100%';

        if (GB.browser.msie) document.body.style.overflow = 'hidden';

        var containerReSize = function () {
        	var editorHeight = editorHeight = self.cheditor.resizeBar.offsetHeight + 
        		self.cheditor.viewMode.offsetHeight + 6;
        	
            if (self.cheditor.mode == 'rich') {
            	editorHeight += self.cheditor.toolbarWrapperHeight;
            }
            if (self.config.showTagPath) {
            	editorHeight += self.cheditor.tagPath.parentNode.offsetHeight;
            }
            var clientHeight = Math.max(document.documentElement.clientHeight, document.body.offsetHeight);
            self.cheditor.editArea.style.height = clientHeight - editorHeight + 'px';
        };
        
        window.onresize = containerReSize;
        containerReSize();

		self.resetDoc();
		newDocument(mydoc);
		self.cheditor.resizeBar.onmousedown = null;
		self.cheditor.resizeBar.style.cursor = 'default';
    }
    else {
        window.onresize = null;
        
        if (GB.browser.msie && GB.browser.ver > 6)
        	document.body.style.overflow = '';
 		
 		self.cheditor.tmpnode.parentNode.replaceChild(container, self.cheditor.tmpnode);
        self.resetDoc();
		newDocument(mydoc);
		
        container.removeAttribute('style');
        container.className = 'cheditor-container';
        container.style.width = self.config.editorWidth;
              
        var editorHeight = parseInt(self.config.editorHeight);

        if (self.cheditor.mode != 'rich') {
        	editorHeight += self.cheditor.toolbarWrapperHeight;
        }
        
        self.cheditor.editArea.style.height = editorHeight + 'px';
        self.cheditor.resizeBar.onmousedown = function(event) { self.resizeStart(event); };
        self.cheditor.resizeBar.style.cursor = 's-resize';
    }

    self.cheditor.editArea.style.visibility = 'visible';
    
	if (self.cheditor.mode != 'preview')
    	self.setDesignMode(true);
	
    self.setFullScreenMode = !(self.setFullScreenMode);

	self.setEditorEvent();
    self.toolbarUpdate();
    self.setImageEvent(true);
    self.editArea.focus();
},

showPulldown : function (menu, pNode) {
	switch (menu) {
	case 'FontName' :
		this.showFontTypeMenu(pNode);
		break;
	case 'FontSize' :
		this.showFontSizeMenu(pNode);
		break;
	case 'Paragraph' :
		this.showParagraphMenu(pNode);
		break;
	case 'BackColor' :
	case 'ForeColor' :
		this.showColorMenu(pNode);
		break;
	case 'TextBlock' :
		this.showTextBlockMenu(pNode);
		break;
	default : break;
	}
},

setPulldownClassName : function (labels, pNode) {
	for (var i=0; i < labels.length; i++) {
		if (labels[i].getAttribute('name') == pNode.firstChild.firstChild.nodeValue) {
			labels[i].parentNode.style.backgroundImage = 'url('+this.config.editorPath+'icons/checked.png)';
			labels[i].parentNode.style.backgroundPosition = '0 center';
			labels[i].parentNode.style.backgroundRepeat = 'no-repeat';
		}
		else
			labels[i].parentNode.style.backgroundImage = '';
		
		labels[i].parentNode.className = 'cheditor-pulldown-mouseout';
	}
},

showColorMenu : function (pNode) {
    var menu = pNode.getAttribute('name');
    var elem = this.pulldown[menu];
    
    if (!elem) {
        var outputHtml = this.setColorTable(pNode, menu);
        this.createWindow(190, outputHtml);
        this.createPulldownFrame(outputHtml, menu);
        elem = this.pulldown[menu];
        elem.firstChild.className = 'cheditor-pulldown-color-container';
    }

    this.windowPos(pNode, menu);
    this.displayWindow(pNode, menu);
},

showFontTypeMenu : function (pNode) {
    var self = this;
    var menu = pNode.getAttribute('name');
    var elem = self.pulldown[menu];

    if (!elem) {
        var outputHtml = document.createElement('div');
        for (var type in GB.fontName) {
        	var fonts = GB.fontName[type];
        	for (var i=0; i < fonts.length; i++) {
        		var div = document.createElement('div');
        		var label = document.createElement('label');
        		div.id = fonts[i];
        		div.onclick = function() { self.doCmdPopup("FontName", this.id); };
        		div.onmouseover = function() { self.pulldownMouseOver(this); };
        		div.onmouseout = function() { self.pulldownMouseOut(this); };
        		label.style.fontFamily = fonts[i];
        		
        		if (type != 'kr')
        			label.style.top = 0;
        		
        		label.appendChild(document.createTextNode(fonts[i]));
        		label.setAttribute('name', fonts[i]);
        		div.appendChild(label);
        		outputHtml.appendChild(div);
        	}
        }
        
        self.createWindow(130, outputHtml);
        self.createPulldownFrame(outputHtml, menu);
        elem = self.pulldown[menu];
    }

    self.setPulldownClassName(elem.firstChild.getElementsByTagName('LABEL'), pNode);
    self.windowPos(pNode, menu);
    self.displayWindow(pNode, menu);
},

showParagraphMenu : function (pNode) {
    var self = this;
    var menu = pNode.getAttribute('name');
    var elem = self.pulldown[menu];
    
    if (!elem) {
        var outputHtml = document.createElement('div');

        for (var para in GB.paragraph) {
            var div = document.createElement('div');
            div.id = para;
            div.onclick = function() { self.doCmdPopup("FormatBlock", '<' + this.id + '>'); };
            div.onmouseover = function() { self.pulldownMouseOver(this); };
            div.onmouseout = function() { self.pulldownMouseOut(this); };
            
        	var label = document.createElement('label');
        	if (para.match(/H[123456]/)) {
        		var fontSize = {'H1':'24pt','H2':'18pt','H3':'14pt','H4':'12pt','H5':'10pt','H6':'8pt'};
        		label.style.fontWeight = 'bold';
        		label.style.fontSize = fontSize[para];
        	}
        	else if (para == 'ADDRESS')
        		label.style.fontStyle = 'italic';
           
           	label.appendChild(document.createTextNode(GB.paragraph[para]));
           	div.appendChild(label);
            
            label.setAttribute('name', GB.paragraph[para]);
            outputHtml.appendChild(div);
        }

        self.createWindow(150, outputHtml);
        self.createPulldownFrame(outputHtml, menu);
        elem = self.pulldown[menu];
    }

    self.setPulldownClassName(elem.firstChild.getElementsByTagName('LABEL'), pNode);
    self.windowPos(pNode, menu);
    self.displayWindow(pNode, menu);
},

showFontSizeMenu : function (pNode) {
    var self = this;
    var menu = pNode.getAttribute('name');
    var elem = self.pulldown[menu];

    if (!elem) {
        var outputHtml = document.createElement('div');
        var i = 0;
        for (var size in GB.fontSize) {
        	if (GB.fontSize[size] == null) break;
            var div = document.createElement('div');
            var label = document.createElement('label');
            var text = size == 7 ? '가나다' : '가나다라';
            div.id = size;
            div.onclick = function() { self.doCmdPopup("FontSize", this.id); };
            div.onmouseover = function() { self.pulldownMouseOver(this); };
            div.onmouseout = function() { self.pulldownMouseOut(this); };
            div.style.fontSize = GB.fontSize[size];
            
            label.style.fontFamily = this.config.editorFontName;
            label.setAttribute('name', GB.fontSize[size]);
            label.appendChild(document.createTextNode(text+'('+GB.fontSize[size] +')'));
            div.appendChild(label);
            outputHtml.appendChild(div);
        }

        self.createWindow(320, outputHtml);
        self.createPulldownFrame(outputHtml, menu);
        elem = self.pulldown[menu];
    }
    
    self.setPulldownClassName(elem.firstChild.getElementsByTagName('LABEL'), pNode);
    self.windowPos(pNode, menu);
    self.displayWindow(pNode, menu);
},

showTextBlockMenu : function (pNode) {
    var self = this;
    var menu = pNode.getAttribute('name');
    var elem = self.pulldown[menu];

    if (!elem) {
        var outputHtml = document.createElement('div');
        var quote = GB.textBlock;
        
        for (var i=0; i < quote.length; i++) {
            var wrapper = document.createElement('div');
            var div = document.createElement('div');
            div.onclick = function() { self.boxStyle(this); };
            wrapper.onmouseover = function() { this.className = 'cheditor-pulldown-textblock-over'; };
            wrapper.onmouseout = function() { this.className = 'cheditor-pulldown-textblock-out'; };
            wrapper.className = 'cheditor-pulldown-textblock-out';
            div.style.border = quote[i][0];
            div.style.backgroundColor = quote[i][1];
            div.style.fontFamily = self.config.editorFontName;
            
            var label = document.createElement('label');
            label.appendChild(document.createTextNode('가나다라 ABC'));
            div.appendChild(label);
            wrapper.appendChild(div);
            outputHtml.appendChild(wrapper);
           
        }

        self.createWindow(160, outputHtml);
        self.createPulldownFrame(outputHtml, menu);
        elem = self.pulldown[menu];
        elem.firstChild.className = 'cheditor-pulldown-textblock-container';
    }
    
    self.windowPos(pNode, menu);
    self.displayWindow(pNode, menu);
},

createPulldownFrame : function (contents, id) {
    var div = document.createElement('div');
    div.className = 'cheditor-pulldown-frame';
    div.appendChild(contents);
    this.pulldown[id] = div;
    this.cheditor.container.firstChild.appendChild(div);
},

setDefaultCss : function (ar) {
    if (arguments.length == 0) {
        ar = {cssName: 'default.css', doc: this.doc};
        if (GB.browser.msie || GB.browser.opera) {
            ar = {cssName: 'p.css', doc: this.doc};
        }
    }

    var cssFile = this.config.cssPath + ar.cssName,
        head = ar.doc.getElementsByTagName('head')[0],
        found = false;

    if (typeof head == 'undefined')
        return;

    if (head.hasChildNodes()) {
        var child = head.childNodes;
        for (var i = 0; i < child.length; i++) {
            if (child[i].tagName == 'LINK') {
                var href = child[i].getAttribute('href');
                if (href != null && href == cssFile) {
                    found = true;
                    break;
                }
            }
        }
    }

    if (found == false) {
        var css = head.appendChild(ar.doc.createElement('link'));
        css.setAttribute('type', 'text/css');
        css.setAttribute('rel', 'stylesheet');
        css.setAttribute('media', 'all');
        css.setAttribute('href', this.config.cssPath + ar.cssName);
    }
},

setEditorEvent : function () {
    var self = this;
	var keyArrow = function(event) { self.doOnArrowKeyPress(event); };
	self.addEvent(self.doc, "keydown", keyArrow);
	
	var keyPress = function() { self.doOnKeyPress(); };
	self.addEvent(self.doc, "keypress", keyPress);
	
    var editorEvent = function() { self.doEditorEvent(); };
    self.addEvent(self.doc, "mouseup", editorEvent);

    var hideBox = function() { self.boxHideAll(); };
    self.addEvent(self.doc, "mousedown", hideBox);
},

addEvent : function (elem, ev, func) {
    this.removeEvent(elem, ev, func);

    if (GB.browser.msie)
        elem.attachEvent("on"+ev, func);
    else
        elem.addEventListener(ev, func, false);
},

removeEvent : function (elem, ev, func) {
    if (GB.browser.msie)
    	elem.detachEvent("on"+ev, func);
    else
    	elem.removeEventListener(ev, func, false);
},

stopEvent : function (ev) {
	if (GB.browser.msie) {
		ev.cancelBubble = true;
		ev.returnValue = false;
	}
	else {
		ev.preventDefault();
		ev.stopPropagation();
	}
},

toolbarButtonOut : function (elemButton, nTop) {
    elemButton.style.top = -nTop + 'px';
},

toolbarButtonOver : function (elemButton) {
    var nTop = elemButton.style.top.substring(0, elemButton.style.top.length - 2);
    elemButton.style.top = nTop - 22 + 'px';
},

changeFontColor : function (color, type) {
	if (type == 'BackColor' && !GB.browser.msie) {
		type = 'HiliteColor';
	}
	
    this.doCmdPopup(type, color);
},

getElement : function (elem, tag) {
    while (elem != null && elem.tagName != tag) {
    	if (elem.nodeName == 'BODY') break;
    	elem = elem.parentNode;
    }
    return elem;
},

hyperLink: function (url, target, title) {
	this.editArea.focus();
	
    var rng = this.range || this.getRange();
    var selType = this.getSelectionType(rng);
    var linked = '';

    if (GB.browser.msie) {
        rng.select();
        rng.execCommand("UnLink", false);
        rng.execCommand("CreateLink", false, url);
        linked = rng.parentElement ? rng.parentElement() : this.getElement(rng.item(0), "A");
    }
    else {
        this.doc.execCommand("CreateLink", false, url);
        linked = this.getRange().startContainer;
    }

    if (linked) {
        if (target) try { linked.setAttribute("target", target); } catch(e) {};
        if (title)  try { linked.setAttribute("title",  title); } catch(e) {};
    }
},

boxStyle: function (el) {
    this.editArea.focus();
    var range = this.range || this.getRange();
    var quote = this.doc.createElement("blockquote");

    if (el.currentStyle) {
        quote.style.backgroundColor = el.currentStyle.backgroundColor;
        quote.style.border = el.style.border;
    }
    else if (window.getComputedStyle) {
        var compStyle = document.defaultView.getComputedStyle(el, null);
        var style = compStyle.getPropertyValue('border-top-style');
        var width = compStyle.getPropertyValue('border-top-width');
        var color = compStyle.getPropertyValue('border-top-color');
        quote.style.border = width + ' ' + color + ' ' + style;
        quote.style.backgroundColor = compStyle.getPropertyValue("background-color");
    }
    else {
        alert('현재 브라우저는 이 기능을 지원하지 않습니다.');
        return;
    }

    quote.style.padding = "5px 10px";

    if (GB.browser.msie) {
        var ctx = range.htmlText;
        quote.innerHTML = ctx ? ctx: '&#160;';

       	this.setRange(range);
        this.insertHTML(quote.outerHTML);

        var textRange = this.doc.body.createTextRange();
        textRange.moveToElementText(range.parentElement());
        textRange.collapse(false);
        textRange.select();
    }
    else {
    	quote.appendChild(range != '' ? range.extractContents() : this.doc.createElement('br'));
        this.insertNodeAtSelection(quote);
    }
    this.boxHideAll();
},

insertFlash: function (elem) {
	this.editArea.focus();

	if (typeof elem === 'string') {
		var embed = null;
		var div = this.doc.createElement('DIV');
		elem = this.trimSpace(elem);
		
		var pos = elem.toLowerCase().indexOf("embed");
		if (pos != -1) {
			var str = elem.substr(pos);
			pos = str.indexOf(">");
			div.innerHTML = "<" + str.substr(0, pos) + ">";
			embed = div.firstChild;
		}
		else {
			div.innerHTML = elem;
			var object = div.getElementsByTagName('OBJECT')[0];
			if (object && object.hasChildNodes()) {
				var child = object.firstChild;
				var movieHeight, movieWidth;
				movieWidth  = (isNaN(object.width) != true) ? object.width : 320;
				movieHeight = (isNaN(object.height)!= true) ? object.height: 240;
				var params = new Array();

				do {
					if ((child.nodeName == 'PARAM') &&  (typeof child.name != 'undefined') && (typeof child.value != 'undefined'))
					{
						params.push({key: (child.name == 'movie') ? 'src' : child.name, val: child.value});
					}
					child = child.nextSibling;
				}
				while (child);

				if (params.length > 0) {
					embed = this.doc.createElement('embed');
					embed.setAttribute("width", movieWidth);
					embed.setAttribute("height", movieHeight);
				
					for (var i=0; i<params.length; i++)
						embed.setAttribute(params[i].key, params[i].val);
				
					embed.setAttribute("type", "application/x-shockwave-flash");
				}
			}
		}
		
		if (embed != null) {
			if (GB.browser.msie) {
				this.doCmdPaste(embed.outerHTML);
			}
			else {
				this.insertNodeAtSelection(embed);
			}
		}
	}

	this.editArea.focus();
},

insertHtmlPopup: function (elem) {
    this.editArea.focus();
    if (GB.browser.msie) {
        if (typeof elem === 'string') {
            this.doCmdPaste(elem);
        }
        else {
            this.doCmdPaste(elem.outerHTML);
        }
    }
    else {
        if (typeof elem === 'string') {
            var div = this.doc.createElement('DIV');
            div.innerHTML = elem;
            this.insertNodeAtSelection(div.firstChild);
        }
        else {
            this.insertNodeAtSelection(elem);
        }
    }
    this.editArea.focus();
},

insertHTML: function (html) {
    if (GB.browser.msie) {
        this.getRange().pasteHTML(html);
    }
    else {
        var div = this.doc.createElement('DIV');
        div.innerHTML = html;
        this.insertNodeAtSelection(div.firstChild);
    }
},

insertNodeAtSelection: function (insertNode) {
    var selection = this.getSelection();
    var rng = this.getRange();

    selection.removeAllRanges();
    rng.deleteContents();

    var container = rng.startContainer;
    var pos = rng.startOffset;

    if (container.nodeType == GB.node.TEXT_NODE && insertNode.nodeType == GB.node.TEXT_NODE) {
        container.insertData(pos, insertNode.data);
        try {
        	rng = this.getRange();
            rng.setEnd(container, pos + insertNode.length);
            rng.setStart(container, pos + insertNode.length);
            this.setRange();
        }
        catch (e) {};
    }
    else {
        var afterNode, beforeNode;
        if (container.nodeType == GB.node.TEXT_NODE) {
            var textNode    = container;
            var text        = textNode.nodeValue;
            var textBefore  = text.substr(0, pos);
            var textAfter   = text.substr(pos);

            container   = textNode.parentNode;
            beforeNode  = document.createTextNode(textBefore);
            afterNode   = document.createTextNode(textAfter);

            container.insertBefore(afterNode, textNode);
            container.insertBefore(insertNode, afterNode);
            container.insertBefore(beforeNode, insertNode);
            container.removeChild(textNode);
        }
        else {
      
            afterNode = container.childNodes[pos];
            container.insertBefore(insertNode, afterNode);
            this.toolbarUpdate();
        }

        try {
            rng.setEnd(afterNode, 0);
            rng.setStart(afterNode, 0);
        }
        catch(e) {};
    }

    selection.addRange(rng);
},

doInsertImage : function (images) {
    for (var i=0; i<images.length; i++) {
        var img = new Image();
        img.setAttribute('src', images[i]['src']);
        img.setAttribute('width', images[i]['width']);
        img.setAttribute('height', images[i]['height']);
        img.setAttribute('alt', images[i]['alt'] ? images[i]['alt'] : '');
        img.style.border = 'none';

		this.insertImage(img);

        if (images[i]['align']) {
			var div = document.createElement('div');
			div.style.textAlign = images[i]['align'];
			div.appendChild(img);
    		this.insertHtmlPopup(div);
    		this.insertHtmlPopup(document.createElement('br'));			
		}
		else {
    		this.insertHtmlPopup(img);
			this.insertHtmlPopup(document.createElement('br'));
		}

        if (typeof images[i]['info'] != 'undefined') {
            this.images.push(images[i]['info']);
        }
    }

	this.setImageEvent(true);
},

insertImage : function (img) {
    var reSize = false;

    if (this.config.imgReSize) {
        reSize = this.resizeImageComplete(img);
    }

    if (reSize) {
        var szRandom = Math.random();
        var imgId = 'image_'+szRandom;
        imgId = imgId.replace(/\./,'');
        img.setAttribute('id', imgId);
        img.className = 'chimg_photo';
    }
},

resizeImageComplete : function (img) {
    var maxWidth = isNaN(this.config.imgMaxWidth) ? 640 : this.config.imgMaxWidth;
    if (img.width <= maxWidth) return false;

    img.setAttribute('height', Math.round((img.height * maxWidth) / img.width));
    img.setAttribute('width', maxWidth);

    return true;
},

showTagSelector : function (on) {
    if (this.config.showTagPath != true) return;
    this.cheditor.tagPath.style.display = on ? 'block' : 'none';
},

richMode : function () {
    this.range = null;
    this.cheditor.editArea.style.visibility = 'hidden';
    this.setDesignMode(false);
    this.cheditor.toolbarWrapper.style.display = '';
    
    if (this.cheditor.mode == 'code') {
        this.putContents(this.makeHtmlContent());
        this.setDefaultFontStyle();
    }

    var tmpHeight = this.cheditor.editArea.offsetHeight - this.cheditor.toolbarWrapper.offsetHeight;
    this.cheditor.editArea.style.height = tmpHeight + 'px';
    this.cheditor.editArea.style.visibility = 'visible';
    
    this.setDesignMode(true);
    this.editArea.focus();
    this.setEditorEvent();
    this.setImageEvent(true);
    this.toolbarUpdate();
},

setDefaultFontStyle : function () {
    this.doc.body.style.fontFamily = this.config.editorFontName;
    this.doc.body.style.fontSize = this.config.editorFontSize;
},

editMode : function () {
    this.range = null;
    this.cheditor.editArea.style.visibility = 'hidden';
    this.cheditor.editBlock.style.display = 'none';
    this.setDesignMode(false);
    
    var content = this.getContents(this.config.fullHTMLSource);
    var key = GB.htmlKey.join ("|");
    var reg1 = new RegExp ("(&lt;\/?)("+key+")( ?\/?)(&gt;)", "ig");
    var reg2 = new RegExp ("(&lt;)("+key+") +([a-zA-Z]+)=(.+?)(\/?)(&gt;)", "ig");

    content = content.replace(/</g,'&lt;').replace(/>/g,'&gt;');
    content = content.replace(/&nbsp;/g, '&amp;nbsp;');
    content = content.replace(reg2, "<font color=\"#0000c8\">$1$2</font> <font color=\"#b40000\">$3</font>=<font color=\"#248f00\">$4</font><font color=\"#0000c8\">$5$6</font>");
    content = content.replace(reg1, "<font color=\"#0000cc\">$1$2$3$4</font>");
    content = content.replace(/\n/g, '<br />');

    this.doc.body.innerHTML = content;
    this.doc.body.clearAttributes;
    this.doc.body.style.fontFamily = 'courier new,courier';
    this.doc.body.style.fontSize = '9pt';

    var tmpHeight = this.cheditor.editArea.offsetHeight + this.cheditor.toolbarWrapper.offsetHeight;
    this.cheditor.toolbarWrapper.style.display = "none";
    this.cheditor.editArea.style.height = tmpHeight + 'px';

    this.cheditor.editArea.style.visibility = 'visible';
    this.setDesignMode(true);
    this.editArea.focus();
},

makeHtmlContent : function () {
    if (GB.browser.msie)
    	return this.doc.body.innerText;

    var html = this.doc.createRange();
    html.selectNodeContents(this.doc.body);

    return html.toString();
},

resetStatusBar : function () {
    if (this.config.showTagPath)
        this.cheditor.tagPath.innerHTML = '&lt;html&gt; &lt;body&gt; ';
},

previewMode : function () {
    this.range = null;
    this.setDesignMode(false);
    
    if (this.config.useSource && this.cheditor.mode == 'code') {
    	this.putContents(this.makeHtmlContent());
    	this.setDefaultFontStyle();
    }
    
    this.cheditor.editArea.style.visibility = 'hidden';
    this.cheditor.editBlock.style.display = 'none';

    var tmpHeight = this.cheditor.editArea.offsetHeight;
    if (this.cheditor.mode == 'rich') 
    	tmpHeight += this.cheditor.toolbarWrapper.offsetHeight;
    
    this.cheditor.toolbarWrapper.style.display = "none";
    this.cheditor.editArea.style.height =  tmpHeight+'px';
    this.cheditor.editArea.style.visibility = 'visible';
    this.setImageEvent(false);
},

putContents : function (content) {
    this.doc.body.innerHTML = content;
},

getImages : function () {
    var img = this.doc.body.getElementsByTagName('img');
    var imgNumber = this.images.length;
    var imgArr = new Array();

    for (i=0; i<img.length; i++) {
        if (img[i].src) {
            var imgid = img[i].src;
            imgid = imgid.slice(imgid.lastIndexOf("/") + 1);
            for (var j=0; j<imgNumber; j++) {
                if (this.images[j]['fileName'] == imgid) {
                    imgArr.push(this.images[j]);
                    break;
                }
            }
        }
    }

    return imgArr.length > 0 ? imgArr : null;
},

getContents : function (fullSource) {
	var webHost = "http://" + location.host.replace("admin.", "");

	if (this.config.linkTarget != '' && this.config.linkTarget != null) {
    	var links = this.doc.links;
    	var len = links.length;
        for (var i=0; i < len; i++) {
			temp = links[i].getAttribute('href').split("#");
			if(temp.length > 1){
				links[i].setAttribute('href', "#"+temp[1]);
			}
        	if (links[i].getAttribute('target')) {
        		links[i].removeAttribute('target');
        		links[i].setAttribute('target', this.config.linkTarget);
        	}
        }
    }

    var img = this.doc.images;
    var host = location.host;

    for (var i=0; i<img.length; i++) {
    	if (this.config.includeHostname == false) {
    		var imgsrc = img[i].src;
    		if (imgsrc) {
    			if (imgsrc.indexOf(host) != -1) {
    				img[i].src = imgsrc.substring(imgsrc.indexOf(host) + host.length);
    			}
    		}
    	}
    	if (img[i].style.width) img[i].removeAttribute('width');
    	if (img[i].style.height) img[i].removeAttribute('height');
    }
    
    if ((GB.browser.msie || GB.browser.opera) && this.config.ieEnterMode == 'css') {
        var P = this.doc.body.getElementsByTagName('P');

        for (var i=0; i < P.length; i++) {
        	if (P[i].style.cssText.toLowerCase().indexOf("margin") == -1) {
        		P[i].style.margin = '0px';
        	}
        	continue;
        }
    }
    
    if (this.config.allowedScript == false) {
    	var script = this.doc.body.getElementsByTagName('SCRIPT');
    	var remove = new Array();
    	var i = 0;
    	
    	for (; i < script.length; i++)
    		remove.push(script[i]);
    	
    	for (; i < remove.length; i++)
    		remove[i].parentNode.removeChild(remove[i]);
    }

    var mydoc = new String('');

    if (GB.browser.msie)
    	this.doc.body.removeAttribute('contentEditable');
    
    if (fullSource) {
    	var content = this.doc.documentElement;
     	if (GB.browser.msie) {
    		mydoc = content.outerHTML;
    	}
    	else {
    		var div = document.createElement('DIV');
    		div.appendChild(content.cloneNode(true));
    		mydoc = div.innerHTML;
    	}
    }
    else {
    	mydoc = this.doc.body.innerHTML;
    }
    
    if (GB.browser.msie || GB.browser.opera) {
    	if (this.config.ieEnterMode == 'div') {
    		mydoc = mydoc.replace(/<(\/?)P([^>]*)>/ig, 
    				function (a, b, c) {
    					if (/^\S/.test(c)) return a;
    					return '<' + b + 'DIV' + c + '>';
    				});
    	}
    	
        mydoc = mydoc.replace(/<(\/?)STRONG>/ig, "<$1B>");
        mydoc = mydoc.replace(/<(\/?)EM>/ig, "<$1I>");
    }

    return this.makeAmpTag(mydoc);
},

returnContents : function (mydoc) {
    this.setDesignMode(true);
    if (this.cheditor.textarea)
    	this.cheditor.textarea.value = mydoc;
    return mydoc;
},

makeAmpTag : function (str) {
	return str.replace(/&lt;/g, '&amp;lt;').replace(/&gt;/g, '&amp;gt;');
},

removeAmpTag : function (str) {
	return str.replace (/&amp;lt;/g, '&lt;').replace(/&amp;gt;/g,'&gt;');
},

getOutputContents : function (fullSource) {
	this.resetViewHTML();
	return this.removeAmpTag(this.getContents(fullSource));
},

outputHTML : function () {
	return this.returnContents(this.getOutputContents(true));
},

outputBodyHTML : function () {
    return this.returnContents(this.getOutputContents(false));
},

outputBodyText : function () {
    return this.returnContents(this.getBodyText());
},

getBodyText : function () {
	this.resetViewHTML();
	var rdata = '' + (GB.browser.msie ? this.doc.body.innerText : this.doc.body.textContent);
	return this.trimSpace(rdata);
},

returnFalse : function () {
    this.editArea.focus();
    var img = this.doc.images;
    for (i=0; i<img.length; i++) {
        if (img[i].src) {
            if (img[i].getAttribute("onload")) {
                img[i].onload = 'true';
            }
        }
        else {
            img[i].removeAttribute("onload", "", 0);
            img[i].removeAttribute("className", "", 0);
        }
    }
    this.setEditorEvent();
    return false;
},

trimSpace : function (str) {
    str = str ? '' + str : '';
    return str.replace(/^\s+|\s+$/g, '');
},

strLength : function (str) {
    var len = str.length;
    var mbytes = 0;
    var i = 0;

    for (; i<len; i++) {
        var c = str.charCodeAt(i);
        if (c > 128) mbytes++;
    }

    return (len-mbytes) + (mbytes*2);
},

resetViewHTML : function () {
    if (this.cheditor.mode == 'code') {
        this.switchEditorMode('rich');
    }
},

contentsLengthAll : function () {
    return this.strLength(this.outputHTML());
},

contentsLength : function () {
    var content = '' + this.trimSpace(this.outputBodyHTML());
    if (!content || content == "")
        return 0;
alert(content);
    return this.strLength(content);
},

inputLength : function () {
	var content = this.getBodyText();
	
    if (content == '')
        return 0;

    return this.strLength(content);
},

displayWindow : function (pNode, id) {
    this.editArea.focus();
    this.boxHideAll(id);

    var pullDown = this.pulldown[id];
    pullDown.style.visibility = "visible";
    pullDown.style.zIndex = 1002;
},

pulldownMouseOver : function (el) {
	if (el.className == 'cheditor-pulldown-selected') return;
	el.className = "cheditor-pulldown-mouseover";
},
pulldownMouseOut  : function (el) { 
	if (el.className == 'cheditor-pulldown-selected') return;
	el.className = "cheditor-pulldown-mouseout";
},

windowPos : function (pNode, id) {
	var L = pNode.offsetLeft;
	if (GB.browser.msie && GB.browser.ver > 7) L -= 1;
	
    var boxEl = this.pulldown[id];
    boxEl.style.left = L + 'px';
    boxEl.style.top  = pNode.offsetTop + parseInt(pNode.style.height) + 1 + 'px';
},

boxHideAll : function (showId) {
	for (var menu in this.pulldown) {
    	var elem = this.pulldown[menu];
        if (elem != null) {
        	elem.style.visibility = 'hidden';
        	var ishide = (typeof showId == 'undefined') ? true : menu != showId;
        	
       		if (this.toolbar != null && ishide) {
       			this.toolbar[menu].checked = false;
       			this.toolbarButtonUnchecked(this.toolbar[menu].button);
        	}
        }
    }
},

createWindow : function (width, div) {
    div.className = 'cheditor-pulldown-container';
    div.style.width = width+'px';
},

setColorTable : function (pNode, menu) {
    var self = this;
    var pulldown = document.createElement('div');
    pulldown.className = 'cheditor-pulldown-color-wrapper';
    
    var k = 0, w = 7, h = 70;
    var container = document.createElement('div');
    var selected = document.createElement('div');
    selected.style.backgroundColor = pNode.lastChild.style.backgroundColor;
    var label = document.createElement('label');
    selected.appendChild(label);
    selected.className = 'cheditor-pulldown-color-selected';
    
    if (label.hasChildNodes())
    	label.removeChild(selected.firstChild);
    
    label.appendChild(document.createTextNode(pNode.lastChild.style.backgroundColor));
    container.appendChild(selected);
    
   	for (var j=0; j < h; j++) {
   		var cell = document.createElement('div');
    		
   		if (!(j+1 % 10)) {
   			cell.style.clear = 'both';
   			container.appendChild(cell);
   			h++;
   			continue;
   		}
    			
   		cell.className = 'cheditor-pulldown-color-cell';
   		cell.style.backgroundColor = GB.colors[k++];
   		cell.onmouseover = function() {
   			this.className = 'cheditor-pulldown-color-over';
   			selected.style.backgroundColor = this.style.backgroundColor;
   			label.replaceChild(document.createTextNode(this.style.backgroundColor.toUpperCase()), label.firstChild);
   		};
        cell.onmouseout = function() {
        	this.className = 'cheditor-pulldown-color-cell';
        };
   		cell.onclick = function() {
   			self.changeFontColor(this.style.backgroundColor, menu);
   		};
   		
   		cell.appendChild(document.createTextNode('\u00a0'));
   		container.appendChild(cell);
    	  
   		if (j == 9 || j == 59) {
   			cell = document.createElement('div');
   			cell.className = 'cheditor-pulldown-color-spacer';
   			container.appendChild(cell);
   		}
   	}
    
    pulldown.appendChild(container);
    return pulldown;
},

onKeyPressToolbarUpdate : function () {
	var self = this;
	
    if (self.tempTimer) {
    	clearTimeout(self.tempTimer);
    }
        
    self.tempTimer = setTimeout(function() {
    	self.toolbarUpdate();
        self.tempTimer = null;
    }, 30);

    if (self.config.showTagPath) self.doEditorEvent();
},

doOnArrowKeyPress : function (event) {
	var key = event.keyCode;
	if (key != 8 && (key < 33 || key > 40)) return;
	this.onKeyPressToolbarUpdate();
},

doOnKeyPress : function () {
    if (GB.browser.msie && this.config.ieEnterMode == 'br') {
        var key = this.editArea.event.keyCode;
        if (key && key == 13) {
            if (this.editArea.event.shiftKey == false) {
                var rng = this.getRange();
                this.editArea.event.returnValue = false;
                this.editArea.event.cancelBubble = true;
                rng.pasteHTML('<br />');
                rng.select();
                rng.moveEnd("character", 1);
                rng.moveStart("character", 1);
                rng.collapse(false);
                return false;
            }
            else
                return this.editArea.event.keyCode = 13;
        }
    }

	this.onKeyPressToolbarUpdate();
},

setWinPosition : function (oWin, oWinWidth) {
    var obj = this.cheditor.container;
    var L = 0;
    var T = 0;

	S = this.getWindowSize();
	
	if (obj.offsetParent) {
		do {
			T += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	
	T += this.cheditor.toolbarWrapperHeight;
	
    if (GB.browser.msie) L /= 2;
    L = (S.width / 2) - (oWinWidth / 2);
    oWin.style.left = L + 'px';
    oWin.style.top = T + 'px';
    oWin.style.width = oWinWidth + 'px';
},

getWindowSize : function () {
    var docMode = document.compatMode == 'CSS1Compat';
    var docBody = document.body;
    var docElem = document.documentElement;

    return {
    	scrollX	: window.pageXOffset|| (docMode ? docElem.scrollLeft	: docBody.scrollLeft),
    	scrollY	: window.pageYOffset|| (docMode ? docElem.scrollTop		: docBody.scrollTop),
    	width 	: window.innerWidth || (docMode ? docElem.clientWidth 	: docBody.clientWidth),
    	height	: window.innerHeight|| (docMode ? docElem.clientHeight	: docBody.clientHeight)
    };
},

popupWinLoad : function (popupInfo) {
    var self = this;
    if (self.cheditor.popupTitle.hasChildNodes())
        self.cheditor.popupTitle.removeChild(self.cheditor.popupTitle.firstChild);

    self.cheditor.popupTitle.appendChild(document.createTextNode(popupInfo['title']));
    self.cheditor.popupElem.style.zIndex = 1002;
    self.setWinPosition(self.cheditor.popupElem, popupInfo['width']);
   
    var iframe = document.createElement("iframe");
   
    iframe.setAttribute('frameBorder', 0);
    iframe.style.width  = '100%';
    iframe.style.height = '100px';
    iframe.style.border = "0px";

    iframe.setAttribute('src', self.config.popupPath + popupInfo['tmpl'] + '?objName=' + this.oname);
    iframe.style.visibility = 'hidden';
    iframe.id = popupInfo['tmpl'];

    if (self.cheditor.popupFrameWrapper.hasChildNodes())
        self.cheditor.popupFrameWrapper.removeChild(self.cheditor.popupFrameWrapper.firstChild);

    self.cheditor.popupFrameWrapper.appendChild(iframe);

    var popWinResizeHeight = function () {
        iframe.style.visibility = 'visible';
		if(popupInfo['tmpl'] != "popup_upload.html"){
			iframe.contentWindow.focus();
			iframe.contentWindow.init.call(self, iframe);
		}else{
			iframe.style.height = iframe.contentWindow.document.body.offsetHeight + "px";
		}
    };


    if (GB.browser.msie) {
    	var done = false; 
    	iframe.onreadystatechange = function() {
    		if (!done && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) {
    			done = true;
				popWinResizeHeight();
    		} 
    	}; 
    }
    else {
        iframe.onload = popWinResizeHeight;
    }

    self.cheditor.popupElem.style.display = 'block';
    
    var modalSize = self.getWindowSize();
    self.cheditor.modalBackground.style.zIndex = 1001;
    self.cheditor.modalBackground.style.top = modalSize.scrollY + 'px';
    
    if (GB.browser.opera) {
        self.modalReSize = function() {
        	var modalSize = self.getWindowSize.call(self);
        	self.cheditor.modalBackground.style.height = modalSize.height + 'px';
        };
    	window.addEventListener("resize", self.modalReSize, false);
    }
    
    if (GB.browser.msie) {
		if (GB.browser.ver < 7) self.cheditor.modalBackground.style.height = modalSize.height + 'px';
		self.cheditor.modalBackground.style.filter = 'alpha(opacity=50)';
	}
    else self.cheditor.modalBackground.style.opacity = .5;

    document.body.insertBefore(self.cheditor.modalBackground, document.body.firstChild);
    self.cheditor.modalBackground.style.display = 'block';
    document.body.insertBefore(self.cheditor.popupElem, document.body.firstChild);

    DragWindow.init(self.cheditor.dragHandle, self.cheditor.popupElem);
},

popupWinClose : function () {
    if (this.cheditor.popupElem == null)
        return;

    this.cheditor.popupElem.style.display = 'none';
    this.cheditor.popupElem.style.zIndex = -1;
    this.cheditor.popupFrameWrapper.src = "";
    this.cheditor.modalBackground.style.display = 'none';
    this.cheditor.modalBackground.style.zIndex = -1;

    if (this.modalReSize != null) {
        if (GB.browser.opera) {
        	window.removeEventListener("resize", self.modaReSize, false);
        }
        this.modalReSize = null;
    }

    this.editArea.focus();
    this.restoreRange();
},

restoreRange : function () {
    if (GB.browser.msie) {
        var rng = this.range || this.getRange();
        if (rng) {
            rng.select();
            this.range = null;
        }
    }
},

windowOpen : function (popupName) {
    this.editArea.focus();
    this.boxHideAll();

    this.setRange(this.getRange());
    
    if (typeof GB.popupWindow[popupName] != 'undefined')
        this.popupWinLoad(GB.popupWindow[popupName]);
    else
        alert('사용할 수 없는 명령입니다.');
},

getSelection : function () {
    return GB.browser.msie ? this.doc.selection : this.editArea.getSelection();
},

getRange : function () {
    var self = this;
    var sel = self.getSelection(), rng = null;

    try {
        if (sel) {
            rng = GB.browser.msie ? (sel.createRange ? sel.createRange() : self.doc.createRange()) : sel.getRangeAt(0);
        }
    }
    catch (e) {}

    if (!rng) {
        rng = GB.browser.msie ? self.doc.body.createTextRange() : self.doc.createRange();
    }

    return (this.range = rng);
},

setRange : function (rng) {
    if (GB.browser.msie) {
        try {
            rng.select();
        }
        catch(e) {}
    }
    else {
        var sel = this.getSelection();
        if (sel) {
            sel.removeAllRanges();
            sel.addRange(rng);
        }
    }
},

getSelectionType : function (rng) {
	if (!rng) return null;
	
	if (GB.browser.msie) {
		var type = GB.selection.SELECTION_NONE;
		
		try {
			var selectionType = this.doc.selection.type;
			type = (selectionType == 'Text') ? 
					GB.selection.SELECTION_TEXT : 
						((selectionType == 'Control') ? 
							GB.selection.SELECTION_ELEMENT : GB.selection.SELECTION_NONE);
			
			if (type == GB.selection.SELECTION_NONE && selectionType.createRange().parentElement()) {
				type = GB.selection.SELECTION_TEXT;
			}
		}
		catch (e) {}
	}
	else {
		var type = GB.selection.SELECTION_TEXT;
		if (rng.startContainer == rng.endContainer && rng.startContainer.nodeType == GB.node.ELEMENT_NODE) {
			type = GB.selection.SELECTION_ELEMENT;
		}
	}
	return type;
},

doCmd : function (cmd, opt) {
    var rng;
    this.editArea.focus();
    this.boxHideAll();
    
    if (cmd == 'NewDocument') {
    	if (confirm('글 내용이 모두 사라집니다. 계속하시겠습니까?'))
    		this.doc.body.innerHTML = '';
    	
    	this.images = new Array();
    	this.editImages = new Object;
        this.editArea.focus();
        this.toolbarUpdate();
        
    	return;
    }
    
    if (cmd == 'ClearTag') {
    	if (confirm('모든 HTML 태그를 삭제합니다. 계속하시겠습니까?\n(P, DIV, BR 태그와 텍스트는 삭제하지 않습니다.)')) {
    		var content = this.doc.body.innerHTML;
    		this.doc.body.innerHTML = content.replace(/<(\/?)([^>]*)>/g, 
    				function(a, b, c) {
    					var c = c.toLowerCase().split(/ /)[0];
    					if (c != 'p' && c != 'div' && c != 'br') return '';
    					
    					return '<'+b+c+'>';
    				});
    	}
    	
        this.editArea.focus();
        this.toolbarUpdate();
    	return;
    }

    if (cmd == 'Print') {
    	this.editArea.print();
        return;
    }
    
    if (cmd == 'PageBreak') {
    	this.printPageBreak();
    	this.editArea.focus();
    	return;
    }
    
    if (GB.browser.msie) {
        rng =  this.getRange();
        if (this.getSelectionType(rng) == GB.selection.SELECTION_NONE)
        	rng = this.doc;
    }
    else {
        rng = this.doc;
    }

    if (!GB.browser.msie && (cmd == 'Cut' || cmd == 'Copy' || cmd == 'Paste' || cmd == 'PasteFromWord')) {
        try { rng.execCommand(cmd, false, opt); }
        catch (e) {
            var keyboard = '';
            var command = '';
            switch (cmd) {
                case 'Cut'  : keyboard = 'x'; command = '자르기'; break;
                case 'Copy' : keyboard = 'c'; command = '복사'; break;
                case 'Paste': keyboard = 'v'; command = '붙이기'; break;
            }

            alert('사용하고 계신 브라우저에서는 \'' + command + '\' 명령을 사용하실 수 없습니다. \n' +
            '키보드 단축키를 이용하여 주세요. \(윈도 사용자: Ctrl + ' + keyboard + ', 애플 사용자: Apple + ' + keyboard + '\)');
        }

        this.editArea.focus();
        return;
    }
   
    try {
        if (cmd == 'PasteFromWord') {
        	if (typeof this.cheditor.tmpdoc == 'undefined') {
        		var tmpframe = document.createElement('iframe');
        		tmpframe.setAttribute('contentEditable', true);
        		tmpframe.style.visibility = 'hidden';
        		tmpframe.style.height = tmpframe.style.width = '0px';
        		tmpframe.setAttribute('frameBorder', 0);
        		this.cheditor.editWrapper.appendChild(tmpframe);

        		var tmpdoc = tmpframe.contentWindow.document;
        		tmpdoc.designMode = 'On';
        		tmpdoc.open("text/html","replace");
        		tmpdoc.close();
        		this.cheditor.tmpdoc = tmpdoc;
        	}
            
            var rng = this.getRange();
            var tmpDoc = this.cheditor.tmpdoc;
            tmpDoc.execCommand("SelectAll");
            tmpDoc.execCommand("Paste");

            rng.pasteHTML(this.cleanFromWord(tmpDoc));
            rng.select();
        }
        else {
            rng.execCommand(cmd, false, opt);
        }
    }
    catch (e) {
        alert(cmd + ": 지원되지 않는 명령입니다.");
    }
    
    this.toolbarUpdate();
    this.setEditorEvent();
},

cleanFromWord : function (tmpDoc) {
    for (var i=0; i < tmpDoc.body.all.length; i++) {
        tmpDoc.body.all[i].removeAttribute("className", "", 0);
    }

    var doc = tmpDoc.body.innerHTML;
    doc = doc.replace(/MsoNormal/g, "");
    doc = doc.replace(/<\\?\?xml[^>]*>/g, "");
    doc = doc.replace(/<\/?o:p[^>]*>/g, "");
    doc = doc.replace(/<\/?v:[^>]*>/g, "");
    doc = doc.replace(/<\/?o:[^>]*>/g, "");
    doc = doc.replace(/<\/?st1:[^>]*>/g, "");
    doc = doc.replace(/<!--(.*)-->/g, "");
    doc = doc.replace(/<!--(.*)>/g, "");
    doc = doc.replace(/<!(.*)-->/g, "");
    doc = doc.replace(/<\\?\?xml[^>]*>/g, "");
    doc = doc.replace(/<\/?o:p[^>]*>/g, "");
    doc = doc.replace(/<\/?v:[^>]*>/g, "");
    doc = doc.replace(/<\/?o:[^>]*>/g, "");
    doc = doc.replace(/<\/?st1:[^>]*>/g, "");
    doc = doc.replace(/lang=.?[^" >]*/ig, "");
    doc = doc.replace(/type=.?[^" >]*/g, "");
    doc = doc.replace(/href=\'#[^\"]*\'/g, "");
    doc = doc.replace(/href=\"#[^\"]*\"/g, "");
    doc = doc.replace(/name=.?[^\" >]*/g, "");
    doc = doc.replace(/ clear=\"all\"/g, "");
    doc = doc.replace(/id=\"[^\"]*\"/g, "");
    doc = doc.replace(/title=\"[^\"]*\"/g, "");
    doc = doc.replace(/\n/g, "");
    doc = doc.replace(/\r/g, "");
    doc = doc.replace(/mso\-[^">;]*/g, "");
    doc = doc.replace(/<p[^>]*/ig, "<p");
    doc = doc.replace(/<span[^>]*<\/span>/ig, "");
    return doc;
},

printPageBreak : function () {
	var hr = document.createElement('hr');
	hr.style.pageBreakAfter = 'always';
	hr.style.border = '1px #999 dotted';
	var div = document.createElement('div');
	div.appendChild(hr);
    this.insertHTML(div.innerHTML);
},

doCmdPaste : function (html) {
    this.editArea.focus();
    if (GB.browser.msie) {
        if (this.range.item) {
        	var rng = this.doc.body.createTextRange();
        	if (rng) {
        		rng.moveToElementText(this.range.item(0));
        		rng.collapse(false);
        		rng.select();
        		this.range.item(0).outerHTML = html;
        	}

        	this.toolbarUpdate();
        }
        else {
        	this.range.pasteHTML(html);
        	this.range.collapse(false);
        	this.range.select();
        }
    }
    else {
        this.insertNodeAtSelection(html);
    }
},

doCmdPopup : function (cmd, opt) {
    var self = this;
    self.editArea.focus();
   	var rng, oRange;
   	
    if (GB.browser.msie) {
        oRange = self.range || self.getRange();
        oRange.select();
        rng = (self.getSelectionType(oRange) == GB.selection.SELECTION_NONE) ? self.doc : oRange;
    }
    else {
        rng = self.doc;
    }

    try {
        rng.execCommand(cmd, false, opt);
   	}
    catch(e) {
        alert(cmd + ": 지원되지 않는 명령입니다.");
    }

	if (self.tempTimer) {
		clearTimeout(self.tempTimer);
	}
	
	self.tempTimer = setTimeout(function() {
		self.toolbarUpdate();
		self.tempTimer = null;
	}, 50);
	
	self.setEditorEvent();
	self.boxHideAll();
},

modifyImage : function (img) {
    var self = this;
    var widthOptions = {'default' 	: { size: 'default', desc: '원본 크기'},
    					'custom'	: { size: 'input', desc: '직접 입력:'},
    					'fitpage' 	: { size: '100%', desc: '페이지 크기에 맞춤'},
    					'px160'		: { size: 160, desc: '썸네일, 160 픽셀'},
    					'px320'		: { size: 320, desc: '작은 크기, 320 픽셀'},
    					'px640'		: { size: 640, desc: '중간 크기, 640 픽셀'},
    					'px1024'	: { size: 1024, desc: '크게, 1024 픽셀'},
    					'px1600'	: { size: 1600, desc: '아주 크게, 1600 픽셀'}
    };
    var imageAlign = {'left'		: '왼쪽',
    				  'center'		: '가운데',
    				  'right'		: '오른쪽'
    };
    
    var selectedWidth = document.createElement('select');
    for (var idx in widthOptions) {
    	selectedWidth.options[selectedWidth.options.length] = new Option(widthOptions[idx].desc, idx);
    }

    selectedWidth.onchange = function() {
    	if (this.value == 'custom') {
    		inputWidthWrapper.style.display = '';
    		inputWidth.focus();
    	}
    	else {
    		inputWidthWrapper.style.display = 'none';
    	}
    };
    
    var div = document.createElement('div');
    div.style.textAlign="left";
    var ico = new Image();
    ico.src = this.config.iconPath + 'image_resize.png';
    ico.className = 'cheditor-ico';
    div.appendChild(ico);
    div.appendChild(selectedWidth);
    
    var inputWidthWrapper = document.createElement('span');
    var inputWidth = document.createElement('input');
    inputWidth.setAttribute('type', 'text');
    inputWidth.setAttribute('name', 'inputWidth');
    inputWidth.className = 'user-input-width';

    inputWidthWrapper.appendChild(inputWidth);
    inputWidthWrapper.appendChild(document.createTextNode(' 픽셀'));
    div.appendChild(inputWidthWrapper);
    
    selectedWidth.value = 'custom';
    
    alignIco = new Image();
    alignIco.src = this.config.iconPath + 'image_align_left.png';
    alignIco.className = 'cheditor-ico';
    alignIco.style.marginLeft = '20px';
    div.appendChild(alignIco);
    
    var selectedAlign = document.createElement('select');
    selectedAlign.style.marginRight = '5px';
    
    div.appendChild(selectedAlign);
    
    for (var idx in imageAlign) {
    	selectedAlign.options[selectedAlign.options.length] = new Option(imageAlign[idx], idx);
    }
    
    selectedAlign.onchange = function() {
    	alignIco.src = self.config.iconPath + 'image_align_' + this.value + '.png';
   		
   		if (this.value == 'center') {
   			wrapspan.style.display = 'none';
   		}
   		else {
   			wrapspan.style.display = '';
   			wrapIcon.src = self.config.iconPath + 'image_align_' + selectedAlign.value + '_wt.png';
   		}
   		wrapcheck.checked = false;

    };

    var wrapspan = document.createElement('span');
    var wrapcheck = document.createElement('input');
	wrapcheck.setAttribute('type', 'checkbox');
	wrapcheck.setAttribute('name', 'wrapText');
	wrapcheck.setAttribute('value', '1');
	wrapcheck.className = 'wrap-checked';
	
	wrapcheck.onclick = function() {
		alignIco.src = self.config.iconPath + 'image_align_' + selectedAlign.value + (this.checked ? '_wt.png' : '.png'); 
	};
	
	var cssFloat = GB.browser.msie ? img.style.styleFloat : img.style.cssFloat;
	if (cssFloat) {
		wrapcheck.checked = true;
		selectedAlign.value = cssFloat.toLowerCase();
	}
	else {
		wrapcheck.checked = false;
		var wrapper = img.parentNode;
		if ((wrapper.nodeName == 'DIV' || wrapper.nodeName == 'P') && wrapper.style.textAlign) {
			selectedAlign.value = wrapper.style.textAlign.toLowerCase();
		}
	}
	
	wrapspan.className = 'wrap-text-desc';
	wrapspan.style.display = (selectedAlign.value != 'center') ? '' : 'none';
	wrapspan.appendChild(wrapcheck);
	
	var wrapIcon = new Image();
	wrapIcon.className = 'cheditor-ico';
	wrapIcon.src = this.config.iconPath + 'image_align_' + selectedAlign.value + '_wt.png';
	wrapspan.appendChild(wrapIcon);
	div.appendChild(wrapspan);
	
	var submit = new Image();
	submit.src = this.config.iconPath + 'button/edit_image.gif';
	submit.className = 'input-submit';
	submit.onclick = function() { editImageSubmit(); };
	div.appendChild(submit);
	
	var deleteSubmit = new Image();
	deleteSubmit.src = this.config.iconPath + 'button/delete_cross.gif';
	deleteSubmit.className = 'delete-submit';
	deleteSubmit.onclick = function() {
		var wrapper = img.parentNode;
		if (wrapper.firstChild == wrapper.lastChild && wrapper.nodeName != 'BODY')
			wrapper.parentNode.removeChild(wrapper);
		else {
			wrapper.removeChild(img);
		}
		self.doEditorEvent(null);
	};
	div.appendChild(deleteSubmit);
	
	var tmpImg = self.editImages[img.src];
	if (typeof tmpImg == 'undefined') {
		this.editImages[img.src] = { width: img.getAttribute('width'), height: img.getAttribute('height') };
	}
	
	var editImageSubmit = function() {
		if (inputAlt.value != '' && inputAlt.value != null)
			img.setAttribute('alt', inputAlt.value);
		else
			img.setAttribute('alt', '');
		
		var setFloat = function(value) {
			if (GB.browser.msie) img.style.styleFloat = value;
			else img.style.cssFloat = value;
		};
		var setWrapper = function(value) {
			var pNode = img.parentNode;
			if (pNode.nodeName != 'DIV' && pNode.nodeName != 'P') {
				var pNode = document.createElement('div');
				img.parentNode.insertBefore(pNode, img);
				pNode.appendChild(img);
			}
				
			pNode.style.textAlign = value;
			pNode.removeAttribute('align');
		};
		
		if (wrapcheck.checked && selectedAlign.value != 'center') {
			setWrapper('left');
			setFloat(selectedAlign.value);
			
			if (selectedAlign.value == 'left') {
				img.style.marginRight = '1em';
				img.style.marginLeft = '';
			}
			else if (selectedAlign.value == 'right') {
				img.style.marginLeft = '1em';
				img.style.marginRight = '';
			}
		}
		else {
			setWrapper(selectedAlign.value);
			setFloat('');
			img.style.margin = '';
		}

		var width, height;
		
		switch (selectedWidth.value) {
		case 'default' :
			width = self.editImages[img.src].width + 'px';
			height = self.editImages[img.src].height + 'px';
			break;
		case 'fitpage' :
			width = '100%';
			height = 'auto';
			break;
		case 'custom' :
			var width = self.trimSpace(inputWidth.value);
			if (width == '') return;
			
			width = parseInt(inputWidth.value);
			if (isNaN(width)) {
				width = self.editImages[img.src].width + 'px';
				height = self.editImages[img.src].height + 'px';
			}
			else {
				height =  Math.round((self.editImages[img.src].height * width) / self.editImages[img.src].width) + 'px';
				width += 'px';
			}
			break;
		default:
			width = widthOptions[selectedWidth.value].size;
			height =  Math.round((self.editImages[img.src].height * width) / self.editImages[img.src].width) + 'px';
			width += 'px';
		}

		img.removeAttribute('width');
		img.removeAttribute('height');
		img.style.width = width;
		img.style.height = height;
	};
    
	div.appendChild(document.createElement('br'));
	div.appendChild(document.createTextNode('대체 텍스트(Alt):'));
    var inputAlt = document.createElement('input');
    inputAlt.setAttribute('type', 'text');
    inputAlt.setAttribute('name', 'inputAlt');
    inputAlt.setAttribute('value', '');
    inputAlt.className = 'user-input-alt';
    div.appendChild(inputAlt);
    
    if (img.getAttribute('alt') != '' && img.getAttribute('alt') != null)
    	inputAlt.value = img.getAttribute('alt');

    self.cheditor.editBlock.innerHTML = '';
    self.cheditor.editBlock.appendChild(div);

},

modifyCell : function (cell) {
    var self = this;
    var tbl = cell;
    var row = tbl;
    var editorPath = self.config.editorPath;

    while (tbl != null && tbl.tagName.toLowerCase() != "table") tbl = tbl.parentNode;
    while (row != null && row.tagName.toLowerCase() != "tr") row = row.parentNode;

    var addCols = function(idx) {
   		for (var i=0; i<tbl.rows.length; i++) {
			var trow = tbl.rows.item(i);
			var newCell = trow.insertCell(idx);
			if (!GB.browser.msie) newCell.appendChild(document.createElement('br'));
		}
   		setWidth();
   		self.editArea.focus();
    };
    
    var addRows = function(idx) {
    	var cells = row.cells.length;
    	var newRow = tbl.insertRow(idx);
   		for (var i=0; i<cells; i++) {
   			var newCell = newRow.insertCell(i);
   			if (!GB.browser.msie) newCell.appendChild(document.createElement('br'));
		}
   		setWidth();
   		self.editArea.focus();
    };
    
    var setWidth = function() {
   		for (var k=0; k < tbl.rows.length; k++) {
   			var trow = tbl.rows.item(k);
   	   		var cells = trow.cells.length;
   	   		var width = parseInt(100 / cells);
   	   		
   			for (var i=0; i<cells; i++) {
   				trow.cells[i].setAttribute('width', width + '%');
   			}
   		}
    };
    
    var funcs = {'add_cols_before' : { 'icon' : 'add_cols_before.png', 'title' : '왼쪽에 행 삽입', 'func' : 
    				function() { addCols(cell.cellIndex); }},
    			'add_cols_after' : { 'icon' : 'add_cols_after.png', 'title' : '오른쪽에 행 삽입', 'func' : 
    				function() { addCols(cell.cellIndex+1); }},
    			'remove_cols': { 'icon' : 'remove_cols.png', 'title' : '행 삭제', 'func' : 
    				function() {
    					for (var i=0; i<tbl.rows.length; i++) {
    						var delRow = tbl.rows.item(i);
    						delRow.deleteCell(cell.cellIndex);
    						self.editArea.focus();
    					}
    				}},
    			'spacer' : { 'icon' : 'dot.gif' },
    			'add_rows_before': { 'icon' : 'add_rows_before.png', 'title' : '위에 열 삽입', 'func' : 
    				function() { addRows(row.rowIndex); }},
    			'add_rows_after': { 'icon' : 'add_rows_after.png', 'title' : '아래에 열 삽입', 'func' : 
    				function() { addRows(row.rowIndex+1); }},
     			'remove_rows': { 'icon' : 'remove_rows.png', 'title' : '열 삭제', 'func' : 
     				function() { tbl.deleteRow(row.rowIndex); self.editArea.focus(); }}
    };
    
    self.cheditor.editBlock.innerHTML = '';
    var div = document.createElement('div');
    div.style.padding = '6px';
    
    for (var i in funcs) {
    	var icon = document.createElement('img');
    	icon.src = self.config.iconPath + funcs[i].icon;
    	if (i == 'spacer') {
    		icon.style.width = '10px';
    	}
    	else {
    		icon.setAttribute('title', funcs[i].title);
    		icon.className = 'edit-table-ico';
    		icon.setAttribute('alt', '');
    		icon.onclick = funcs[i].func;
    	}
    	div.appendChild(icon);
    }
	var deleteSubmit = new Image();
	deleteSubmit.src = this.config.iconPath + 'delete_table.png';
	deleteSubmit.style.marginLeft = "10px";
	deleteSubmit.className = 'edit-table-ico';
	deleteSubmit.setAttribute('title', '테이블 삭제');
	deleteSubmit.onclick = function() {
		tbl.parentNode.removeChild(tbl);
		self.doEditorEvent(null);
	};
	div.appendChild(deleteSubmit);
    self.cheditor.editBlock.appendChild(div);
},

doEditorEvent : function (ev) {
    var self        = this;
    var statusBar   = self.cheditor.tagPath;
    var modifyBlock = self.cheditor.editBlock;
    var oEditor     = self.editArea;
    var cmd = null, el, pNode, ancestors = new Array();

    oEditor.focus();
    
    var rng = self.getRange();
    var nodeType = self.getSelectionType(rng);

    if (GB.browser.msie) {
        switch (nodeType) {
        case GB.selection.SELECTION_NONE :
        case GB.selection.SELECTION_TEXT :
            pNode = rng.parentElement();
            break;
        case GB.selection.SELECTION_ELEMENT :
            pNode = rng.item(0);
            break;
        default :
            pNode = oEditor.document.body;
        }
    }
    else {
        try {
            pNode = rng.commonAncestorContainer;
            if (!rng.collapsed &&
                rng.startContainer == rng.endContainer &&
                rng.startOffset - rng.endOffset < 2 &&
                rng.startContainer.hasChildNodes())
            {
                pNode = rng.startContainer.childNodes[rng.startOffset];
            }

            while (pNode.nodeType == GB.node.TEXT_NODE) {
                pNode = pNode.parentNode;
            }
        }
        catch (e) { pNode= null; }
    }

    while (pNode && (pNode.nodeType == GB.node.ELEMENT_NODE) && (pNode.tagName.toLowerCase() != 'body')) {
        ancestors.push(pNode);
        if (pNode.tagName.toLowerCase() == 'img') {
            cmd = 'img';
            break;
        }
        else if (pNode.tagName.toLowerCase() == 'td') {
            cmd = 'td';
            break;
        }
        pNode = pNode.parentNode;
    }

    ancestors.push(oEditor.document.body);

    if (cmd == null) {
        modifyBlock.style.display = "none";
        modifyBlock.innerHTML = '';
    }
    else {
        switch (cmd) {
         case "td" :
            modifyBlock.style.display = "block";
            self.modifyCell(pNode);
            break;
        default : break;
        }
    }

    if (self.config.showTagPath) {
        statusBar.innerHTML = '';
        statusBar.appendChild(document.createTextNode('<html> <body> '));

        while (el = ancestors.pop()) {
            if (!el || el.tagName.toLowerCase() == 'html' || el.tagName.toLowerCase() == 'body')
                continue;

            var tag = el.tagName.toUpperCase();
            var a = document.createElement("a");
            a.el = el;
            a.href = "javascript:void%200";
            a.className = 'cheditor-tag-path-elem';
            a.title = el.style.cssText;
            a.onclick  = function () { self.$('removeSelected').style.display = 'inline'; self.tagSelector(this.el); };
            a.appendChild(document.createTextNode(tag.toLowerCase()));
            statusBar.appendChild(document.createTextNode('<'));
            statusBar.appendChild(a);
            statusBar.appendChild(document.createTextNode('> '));
        }

        var remove = document.createElement("a");
        remove.href = "javascript:void%200";
        remove.id = "removeSelected";
        remove.style.display = 'none';
        remove.className = 'cheditor-tag-path-elem';
        remove.style.color = '#cc3300';
        remove.appendChild(document.createTextNode('remove'));
        remove.onclick = function () {  oEditor.document.execCommand("Cut", false, null);
                                        remove.style.display = 'none';
                                        oEditor.focus();
                                        self.doEditorEvent(); };

        var span = document.createElement('span');
        span.style.marginTop = '2px';
        span.appendChild(remove);
        self.cheditor.tagPath.appendChild(span);
    }
    
   	if (self.tempTimer)
   		clearTimeout(self.tempTimer);
   	
   	var interval = 50;
   	if (GB.browser.msie && rng.text != '' && nodeType != GB.selection.SELECTION_ELEMENT) {
   		interval = 300;
   	}
	self.tempTimer = setTimeout(function() {
  		self.toolbarUpdate();
   		self.tempTimer = null;
	}, interval);
},

tagSelector : function (node) {
    this.editArea.focus();
    var rng;

    if (GB.browser.msie) {
        rng = this.doc.body.createTextRange();
        if (rng) {
            rng.moveToElementText(node);
            rng.select();
        }
    }
    else {
        var sel = this.editArea.getSelection();
        if (typeof sel == 'undefined')
            return;
        try {
            rng = sel.getRangeAt(0);
        }
        catch(e) { return; }

        rng.selectNodeContents(node);
        sel.removeAllRanges();
        sel.addRange(rng);
    }
},

$ : function (id) { return document.getElementById(id); }
};

var DragWindow = {
    obj : null,
    init : function (o, oRoot, minX, maxX, minY, maxY) {
        o.onmousedown = DragWindow.start;
        o.onmouseover = function () { this.style.cursor = 'move'; };
        o.hmode = true ;
        o.vmode = true ;
        o.root = oRoot && oRoot != null ? oRoot : o;
        o.transId = oRoot.id + '_Trans';

        if (o.hmode  && isNaN(parseInt(o.root.style.left  ))) o.root.style.left   = "0px";
        if (o.vmode  && isNaN(parseInt(o.root.style.top   ))) o.root.style.top    = "0px";
        if (!o.hmode && isNaN(parseInt(o.root.style.right ))) o.root.style.right  = "0px";
        if (!o.vmode && isNaN(parseInt(o.root.style.bottom))) o.root.style.bottom = "0px";

        o.minX = typeof minX != 'undefined' ? minX : null;
        o.minY = typeof minY != 'undefined' ? minY : null;
        o.maxX = typeof maxX != 'undefined' ? maxX : null;
        o.maxY = typeof maxY != 'undefined' ? maxY : null;

        o.root.onDragStart  = new Function();
        o.root.onDragEnd    = new Function();
        o.root.onDrag       = new Function();
    },

    start : function (e) {
        var o = DragWindow.obj = this;
        e = DragWindow.fixE(e);
        var y = parseInt(o.vmode ? o.root.style.top  : o.root.style.bottom);
        var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
        o.root.onDragStart(x, y);

        o.lastMouseX = e.clientX;
        o.lastMouseY = e.clientY;

        document.onmousemove = DragWindow.drag;
        document.onmouseup   = DragWindow.end;

        if (o.root.lastChild.id == o.transId) return false;

        var dragTransBg = document.createElement('div');
        dragTransBg.className = 'cheditor-dragWindowTransparent';

        if (GB.browser.msie) dragTransBg.style.filter = 'alpha(opacity=0)';
        else dragTransBg.style.opacity = 0;

        dragTransBg.id = o.transId;
        dragTransBg.style.width = o.root.lastChild.firstChild.style.width;
        dragTransBg.style.height = o.root.lastChild.firstChild.style.height;
        o.root.appendChild(dragTransBg);

        return false;
    },

    drag : function (e) {
        e = DragWindow.fixE(e);
        var o = DragWindow.obj;
        var ey = e.clientY;
        var ex = e.clientX;
        var y = parseInt(o.vmode ? o.root.style.top  : o.root.style.bottom);
        var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
        var nx, ny;

        nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1));
        ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1));

        DragWindow.obj.root.style.left = nx + "px";
        DragWindow.obj.root.style.top = ny + "px";
        DragWindow.obj.lastMouseX  = ex;
        DragWindow.obj.lastMouseY  = ey;
        DragWindow.obj.root.onDrag(nx, ny);

        return false;
    },

    end : function () {
        document.onmousemove = null;
        document.onmouseup   = null;
        DragWindow.obj.root.onDragEnd(parseInt(DragWindow.obj.root.style[DragWindow.obj.hmode ? "left" : "right"]),
                parseInt(DragWindow.obj.root.style[DragWindow.obj.vmode ? "top" : "bottom"]));

        if (DragWindow.obj.root.lastChild.id == DragWindow.obj.transId)
            DragWindow.obj.root.removeChild(DragWindow.obj.root.lastChild);
        DragWindow.obj = null;
    },

    fixE : function (e) {
        if (typeof e == 'undefined') e = window.event;
        if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;
        if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;
        return e;
    }
};