/**
 * EditorManager.createHtml() 는 에디터의 UI에 해당하는 HTML 코드를 생성하여 반환하는 함수입니다.
 * GRP에서 댓글에 사용되는 에디터와 포스트 작성에 사용되는 에디터를 분리하기 위해서 스크립트를 분리했습니다. 댓글과 포스트 두가지라면
 * createHtml_ToolBar() 펑션에서 분기하는 것이 코드가 더 간략할 수 있으나 추후 에디터가 더 많이 사용될 때를 위해서 스크립트를 분리하는 방식으로 처리함.
 * 
 * @return HTML 코드를 반환합니다.
 */
EditorManager.prototype.createHtml = function(type) {
	var toolvar;
	if(type=='post'){
		toolvar=this.createHtml_ToolBar();//일반사용자
	}else if(type=='postAdmin'){
		toolvar=this.createHtml_ToolBar2();//관리자
	}else if(type=='reply'){
		
		toolvar=this.createReplyHtml_ToolBar();
	}
	
	var rtnHtml = '<div id="'+this.editonID+'" class="editon">' + toolvar + this.createHtml_Editor() + '</div>';
	return rtnHtml;
}
/**
 * EditorManager.createHtml_Editor() 는 UI에서 작성창에 해당하는 HTML 코드를 생성하여 반환하는 함수입니다.
 * 
 * @return HTML 코드를 반환합니다.
 */
EditorManager.prototype.createHtml_Editor = function() {
	var HtmlEditor = '<div class="editor_area">'
		+'<iframe id="'+ this.wysiwygID	+ '" name="'+ this.wysiwygID+'" frameborder="0" scrolling="yes" style="display:;"></iframe>'
		+ '<textarea id="'+ this.textID	+ '" name="'+ this.textID+ '" style="display: none;">&lt;p&gt;&lt;/p&gt;</textarea>'
		+'</div>';
	return HtmlEditor;
}
/**
 * EditorManager.createHtml_ToolBar() 는 UI에서 툴바에 해당하는 HTML 코드를 생성하여 반환하는 함수입니다.
 * 다음은 일반사용자한테 호출되는 function 입니다.
 * @return HTML 코드를 반환합니다.
 */
EditorManager.prototype.createHtml_ToolBar = function() {
	var HtmlToolBar = '<div id="'+this.textareaID+'_toolbar" class="toolbar">'
		+'<div>'	
		+'<ul id="format_type1" class="toolgroup lm" >'
		+'	<li class="font_family" style="position: relative;"><button title="글꼴" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'fontName\');"></button>'+this.createHtml_Popup('fontName')+'</li>'
		+'	<li class="font_size" style="position: relative;"><button title="크기" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'fontSize\');"></button>'+this.createHtml_Popup('fontSize')+'</li>'
		+'</ul>'
		+'<ul id="format_type2" class="toolgroup">'
		+'	<li class="bold"><button title="굵게" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'bold\');"></button></li>'
		+'	<li class="underline"><button title="밑줄" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'underline\');"></button></li>'
		+'	<li class="italic"><button title="기울게" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'italic\');"></button></li>'
		+'	<li class="strike"><button title="취소선" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'strikeThrough\');"></button></li>'
		+'	<li class="font_color" style="position: relative;"><button title="글자색" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'foreColor\');"></button>'+this.createHtml_Popup('foreColor')+'</li>'
		+'	<li class="bg_color" style="position: relative;"><button title="배경색" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'backColor\');"></button>'+this.createHtml_Popup('backColor')+'</li>'
		+'	<li class="link" style="position: relative;"><button title="링크" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'createLink\');"></button>'+this.createHtml_Popup('createLink')+'</li>'
		+'	<li class="edit_mode"><button title="모드변경" onclick="javascript:EF.get(\''+this.textareaID+'\').changeMode();"></button></li>'
		+'</ul>'
		+'<ul id="format_type3" class="toolgroup">'
		+'	<li class="align_left"><button title="좌측정렬" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'justifyLeft\');"></button></li>'
		+'	<li class="align_center"><button title="중앙정렬" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'justifyCenter\');"></button></li>'
		+'	<li class="align_right"><button title="우측정렬" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'justifyRight\');"></button></li>'
		+'	<li class="align_jutify"><button title="양측정렬" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'justifyfull\');"></button></li>'
		+'	<li class="outdent"><button title="내어쓰기" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'outdent\');"></button></li>'
		+'	<li class="indent"><button title="들여쓰기" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'indent\');"></button></li>'
		+'	<li class="ordered_list"><button title="순서있는 목록" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'insertOrderedList\');"></button></li>'
		+'	<li class="unordered_list"><button title="순서없는 목록" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'insertUnorderedList\');"></button></li>'
		// 서식제거는 IE DesignMode 에서 빠졌음.
		//+'	<li class="remove_style"><button title="서식 제거" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'removeformat\');"></button></li>'
		+'</ul>'
		+'<ul id="format_type4" class="toolgroup" >'
		//+'	<li class="line_height" style="position: relative;"><button title="줄간격" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'lineHeight\');"></button>'+this.createHtml_Popup('lineHeight')+'</li>'
		+'	<li class="hr_line"><button title="수평선" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'inserthorizontalrule\');"></button></li>'
		+'	<li class="blockquote" style="position: relative;"><button title="인용구" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'quote\');"></button>'+this.createHtml_Popup('quote')+'</li>'
		+'	<li class="table" style="position: relative;"><button title="표그리기" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'createTable\');"></button>'+this.createHtml_Popup('createTable')+'</li>'
		+'</ul>'
		+'</div>'
		+'<div style="clear:both; margin-left:3px;">'
		+'<ul id="format_type5" class="toolgroup">'
		+'	<li class="select_all"><button title="전체선택" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'selectAll\');"></button></li>'
		// redo, undo 는 IE DesignMode 에서 빠졌음.
		//+'	<li class="undo"><button title="실행취소" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'undo\');"></button></li>'
		//+'	<li class="redo"><button title="다시실행" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'redo\');"></button></li>'
		//+'	<li class="fullscreen"><button title="에디터 넓게쓰기" onclick="javascript:EF.get(\''+this.textareaID+'\').expansion();"></button></li>'
		+'</ul>'
		+'</div>'
		+'<ul id="format_type6" class="toolgroup">'
		//퀴즈는 우선 가림
		//+'	<li class="quiz_list"><button title="퀴즈" onclick="javascript:quiz.quizEditorList();"></button></li>' 
		+'	<li class="upload_img"><button title="이미지" onclick="javascript:multiImageUpload(\''+EditOn.hostPath+'\');"></button></li>'
		+'	<li class="upload_file" id="spanButtonPlaceHolder" style="display:none"><button title="파일"></button></li>'
		+'</ul>'
		
		+'</div>';
	return HtmlToolBar;
}


/**
 * EditorManager.createHtml_ToolBar() 는 UI에서 툴바에 해당하는 HTML 코드를 생성하여 반환하는 함수입니다.
 * 다음은관리자한테 호출되는 function 입니다.
 * @return HTML 코드를 반환합니다.
 */
EditorManager.prototype.createHtml_ToolBar2 = function() {
	var HtmlToolBar = '<div id="'+this.textareaID+'_toolbar" class="toolbar">'
		+'<div>'	
		+'<ul id="format_type1" class="toolgroup lm" >'
		+'	<li class="font_family" style="position: relative;"><button title="글꼴" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'fontName\');"></button>'+this.createHtml_Popup('fontName')+'</li>'
		+'	<li class="font_size" style="position: relative;"><button title="크기" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'fontSize\');"></button>'+this.createHtml_Popup('fontSize')+'</li>'
		+'</ul>'
		+'<ul id="format_type2" class="toolgroup">'
		+'	<li class="bold"><button title="굵게" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'bold\');"></button></li>'
		+'	<li class="underline"><button title="밑줄" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'underline\');"></button></li>'
		+'	<li class="italic"><button title="기울게" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'italic\');"></button></li>'
		+'	<li class="strike"><button title="취소선" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'strikeThrough\');"></button></li>'
		+'	<li class="font_color" style="position: relative;"><button title="글자색" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'foreColor\');"></button>'+this.createHtml_Popup('foreColor')+'</li>'
		+'	<li class="bg_color" style="position: relative;"><button title="배경색" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'backColor\');"></button>'+this.createHtml_Popup('backColor')+'</li>'
		+'</ul>'
		+'<ul class="toolgroup">'
		+'	<li class="link" style="position: relative;"><button title="링크" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'createLink\');"></button>'+this.createHtml_Popup('createLink')+'</li>'
		+'	<li class="edit_mode"><button title="모드변경" onclick="javascript:EF.get(\''+this.textareaID+'\').changeMode();"></button></li>'		
		+'</ul>'
		+'<ul id="format_type3" class="toolgroup">'
		+'	<li class="align_left"><button title="좌측정렬" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'justifyLeft\');"></button></li>'
		+'	<li class="align_center"><button title="중앙정렬" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'justifyCenter\');"></button></li>'
		+'	<li class="align_right"><button title="우측정렬" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'justifyRight\');"></button></li>'
		+'	<li class="align_jutify"><button title="양측정렬" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'justifyfull\');"></button></li>'
		+'	<li class="outdent"><button title="내어쓰기" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'outdent\');"></button></li>'
		+'	<li class="indent"><button title="들여쓰기" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'indent\');"></button></li>'
		+'	<li class="ordered_list"><button title="순서있는 목록" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'insertOrderedList\');"></button></li>'
		+'	<li class="unordered_list"><button title="순서없는 목록" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'insertUnorderedList\');"></button></li>'
		// 서식제거는 IE DesignMode 에서 빠졌음.
		//+'	<li class="remove_style"><button title="서식 제거" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'removeformat\');"></button></li>'
		+'</ul>'
		+'<ul id="format_type4" class="toolgroup" >'
		//+'	<li class="line_height" style="position: relative;"><button title="줄간격" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'lineHeight\');"></button>'+this.createHtml_Popup('lineHeight')+'</li>'
		+'	<li class="hr_line"><button title="수평선" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'inserthorizontalrule\');"></button></li>'
		+'	<li class="blockquote" style="position: relative;"><button title="인용구" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'quote\');"></button>'+this.createHtml_Popup('quote')+'</li>'
		+'	<li class="table" style="position: relative;"><button title="표그리기" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'createTable\');"></button>'+this.createHtml_Popup('createTable')+'</li>'
		+'</ul>'
		+'</div>'
		+'<div style="clear:both; margin-left:3px;">'
		+'<ul id="format_type5" class="toolgroup">'
		+'	<li class="select_all"><button title="전체선택" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'selectAll\');"></button></li>'
		// redo, undo 는 IE DesignMode 에서 빠졌음.
		//+'	<li class="undo"><button title="실행취소" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'undo\');"></button></li>'
		//+'	<li class="redo"><button title="다시실행" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'redo\');"></button></li>'
		//+'	<li class="fullscreen"><button title="에디터 넓게쓰기" onclick="javascript:EF.get(\''+this.textareaID+'\').expansion();"></button></li>'
		+'</ul>'
		+'</div>'
		+'<ul id="format_type6" class="toolgroup">'
		//퀴즈는 우선 가림
		+'	<li class="quiz_list"><button title="퀴즈" onclick="javascript:quiz.quizEditorList();"></button></li>' 
		+'	<li class="upload_img"><button title="이미지" onclick="javascript:multiImageUpload(\''+EditOn.hostPath+'\');"></button></li>'
		+'	<li class="upload_file" id="spanButtonPlaceHolder" style="display:none"><button title="파일"></button></li>'
		+'</ul>'
		
		+'</div>';
	return HtmlToolBar;
}

 /**
  * EditorManager.createReplyHtml_ToolBar() 는 UI에서 툴바에 해당하는 HTML 코드를 생성하여 반환하는 함수입니다.
  * GRP에서 댓글에 사용되는 에디터와 포스트 작성에 사용되는 에디터를 분리하기 위해서 스크립트를 분리했습니다. 댓글과 포스트 두가지라면
  * 해당 펑션에서 분기하는 것이 코드가 더 간략할 수 있으나 추후 에디터가 더 많이 사용될 때를 위해서 스크립트를 분리하는 방식으로 처리함.
  * 
  * @return HTML 코드를 반환합니다.
  */
 EditorManager.prototype.createReplyHtml_ToolBar = function() {
 	var HtmlToolBar = '<div id="'+this.textareaID+'_toolbar" class="toolbar">'
 		+'<ul id="format_type1" class="toolgroup lm" >'
 		+'	<li class="font_family" style="position: relative;"><button title="글꼴" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'fontName\');"></button>'+this.createHtml_Popup('fontName')+'</li>'
 		+'	<li class="font_size" style="position: relative;"><button title="크기" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'fontSize\');"></button>'+this.createHtml_Popup('fontSize')+'</li>'
 		+'</ul>'
 		+'<ul id="format_type2" class="toolgroup">'
 		+'	<li class="bold"><button title="굵게" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'bold\');"></button></li>'
 		+'	<li class="underline"><button title="밑줄" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'underline\');"></button></li>'
 		+'	<li class="italic"><button title="기울게" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'italic\');"></button></li>'
 		+'	<li class="strike"><button title="취소선" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'strikeThrough\');"></button></li>'
 		+'	<li class="font_color" style="position: relative;"><button title="글자색" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'foreColor\');"></button>'+this.createHtml_Popup('foreColor')+'</li>'
 		+'	<li class="bg_color" style="position: relative;"><button title="배경색" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'backColor\');"></button>'+this.createHtml_Popup('backColor')+'</li>'
 		+'</ul>'
		+'<ul class="toolgroup">'
		+'	<li class="link" style="position: relative;"><button title="링크" onclick="javascript:EF.get(\''+this.textareaID+'\').showPopup(\'createLink\');"></button>'+this.createHtml_Popup('createLink')+'</li>'
		+'	<li class="edit_mode"><button title="모드변경" onclick="javascript:EF.get(\''+this.textareaID+'\').changeMode();"></button></li>'		
		+'</ul>' 		
 		+'</div>';
 	return HtmlToolBar;
 }
 
/**
 * EditorManager.createHtml_ToolBar() 는 UI에서 팝업에 해당하는 HTML 코드를 생성하여 반환하는 함수입니다.
 * 
 * @param name 팝업의 이름
 * @return HTML 코드를 반환합니다.
 */
EditorManager.prototype.createHtml_Popup = function(name) {
	var HtmlPopup = '';
	switch(name){
	case 'fontName':
		HtmlPopup = '<div class="popup_fontName" id="'+this.textareaID+'_fontName" style="display:none;">'
		+ '<ul><li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'fontName\',\'굴림\');"><span style="font-family:굴림;">굴림</span></button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'fontName\',\'바탕\');"><span style="font-family:바탕;">바탕</span></button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'fontName\',\'돋움\');"><span style="font-family:돋움;">돋움</span></button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'fontName\',\'궁서\');"><span style="font-family:궁서;">궁서</span></button></li>'
		//+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'fontName\',\'맑은고딕\');"><span style="font-family:맑은고딕;">맑은고딕</span></button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'fontName\',\'Arial\');"><span style="font-family:Arial;">Arial</span></button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'fontName\',\'Verdana\');"><span style="font-family:Verdana;">Verdana</span></button></li></ul>'
		+ '</div>';
		break;
	case 'fontSize':
		HtmlPopup = '<div class="popup_fontSize" id="'+this.textareaID+'_fontSize" style="display:none;z-index:999;">'
		+ '<ul><li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'fontSize\',\'7\');"><span style="font-size:7pt;">가나다라(7pt)</span></button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'fontSize\',\'8\');"><span style="font-size:8pt;">가나다라(8pt)</span></button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'fontSize\',\'10\');"><span style="font-size:10pt;">가나다라(10pt)</span></button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'fontSize\',\'12\');"><span style="font-size:12pt;">가나다라(12pt)</span></button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'fontSize\',\'14\');"><span style="font-size:14pt;">가나다라(14pt)</span></button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'fontSize\',\'18\');"><span style="font-size:18pt;">가나다라(18pt)</span></button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'fontSize\',\'24\');"><span style="font-size:24pt;">가나다(24pt)</span></button></li></ul>'
		+ '</div>';
		break;
	case 'foreColor':
		HtmlPopup = '<div id="'+this.textareaID+'_foreColor" class="popup_foreColor" style="display:none;">'
		+ '<div class="colorPicker">'
		+ '<table cellpadding="0" cellspacing="2">'
		+ '<tr>'
		+ '<td bgcolor="#ffffff" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#ffffff\');">&nbsp;</button></td>'
		+ '<td bgcolor="#faedd4" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#faedd4\');">&nbsp;</button></td>'
		+ '<td bgcolor="#fff3b4" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#fff3b4\');">&nbsp;</button></td>'
		+ '<td bgcolor="#ffffbe" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#ffffbe\');">&nbsp;</button></td>'
		+ '<td bgcolor="#ffeaea" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#ffeaea\');">&nbsp;</button></td>'
		+ '<td bgcolor="#ffeaf8" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#ffeaf8\');">&nbsp;</button></td>'
		+ '<td bgcolor="#e6ecfe" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#e6ecfe\');">&nbsp;</button></td>'
		+ '<td bgcolor="#d6f3f9" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#d6f3f9\');">&nbsp;</button></td>'
		+ '<td bgcolor="#e0f0e9" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#e0f0e9\');">&nbsp;</button></td>'
		+ '<td bgcolor="#eaf4cf" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#eaf4cf\');">&nbsp;</button></td>'
		+ '</tr>'
		+ '<tr>'
		+ '<td bgcolor="#e8e8e8" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#e8e8e8\');">&nbsp;</button></td>'
		+ '<td bgcolor="#e7c991" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#e7c991\');">&nbsp;</button></td>'
		+ '<td bgcolor="#f3d756" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#f3d756\');">&nbsp;</button></td>'
		+ '<td bgcolor="#ffe409" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#ffe409\');">&nbsp;</button></td>'
		+ '<td bgcolor="#f9b4cb" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#f9b4cb\');">&nbsp;</button></td>'
		+ '<td bgcolor="#dfb7ee" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#dfb7ee\');">&nbsp;</button></td>'
		+ '<td bgcolor="#b1c4fc" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#b1c4fc\');">&nbsp;</button></td>'
		+ '<td bgcolor="#96ddf3" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#96ddf3\');">&nbsp;</button></td>'
		+ '<td bgcolor="#b1dab7" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#b1dab7\');">&nbsp;</button></td>'
		+ '<td bgcolor="#b8d63d" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#b8d63d\');">&nbsp;</button></td>'
		+ '</tr>'						
		+ '<tr>'
		+ '<td bgcolor="#c2c2c2" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#c2c2c2\');">&nbsp;</button></td>'
		+ '<td bgcolor="#d18e0a" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#d18e0a\');">&nbsp;</button></td>'
		+ '<td bgcolor="#ec9c2c" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#ec9c2c\');">&nbsp;</button></td>'
		+ '<td bgcolor="#ff8b16" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#ff8b16\');">&nbsp;</button></td>'
		+ '<td bgcolor="#f3709b" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#f3709b\');">&nbsp;</button></td>'
		+ '<td bgcolor="#af65dd" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#af65dd\');">&nbsp;</button></td>'
		+ '<td bgcolor="#7293fa" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#7293fa\');">&nbsp;</button></td>'
		+ '<td bgcolor="#49b5d5" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#49b5d5\');">&nbsp;</button></td>'
		+ '<td bgcolor="#6abb9a" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#6abb9a\');">&nbsp;</button></td>'
		+ '<td bgcolor="#5fb636" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#5fb636\');">&nbsp;</button></td>'
		+ '</tr>'
		+ '<tr>'
		+ '<td bgcolor="#8e8e8e" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#8e8e8e\');">&nbsp;</button></td>'
		+ '<td bgcolor="#9d6c08" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#9d6c08\');">&nbsp;</button></td>'
		+ '<td bgcolor="#c84205" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#c84205\');">&nbsp;</button></td>'
		+ '<td bgcolor="#e31600" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#e31600\');">&nbsp;</button></td>'
		+ '<td bgcolor="#c8056a" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#c8056a\');">&nbsp;</button></td>'
		+ '<td bgcolor="#801fbf" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#801fbf\');">&nbsp;</button></td>'
		+ '<td bgcolor="#3058d2" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#3058d2\');">&nbsp;</button></td>'
		+ '<td bgcolor="#0686a8" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#0686a8\');">&nbsp;</button></td>'
		+ '<td bgcolor="#318561" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#318561\');">&nbsp;</button></td>'
		+ '<td bgcolor="#2b8400" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#2b8400\');">&nbsp;</button></td>'
		+ '</tr>'
		+ '<tr>'
		+ '<td bgcolor="#000000" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#000000\');">&nbsp;</button></td>'
		+ '<td bgcolor="#463003" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#463003\');">&nbsp;</button></td>'
		+ '<td bgcolor="#612a03" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#612a03\');">&nbsp;</button></td>'
		+ '<td bgcolor="#5b0000" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#5b0000\');">&nbsp;</button></td>'
		+ '<td bgcolor="#610334" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#610334\');">&nbsp;</button></td>'
		+ '<td bgcolor="#57048c" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#57048c\');">&nbsp;</button></td>'
		+ '<td bgcolor="#193da9" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#193da9\');">&nbsp;</button></td>'
		+ '<td bgcolor="#004c5f" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#004c5f\');">&nbsp;</button></td>'
		+ '<td bgcolor="#105738" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#105738\');">&nbsp;</button></td>'
		+ '<td bgcolor="#174600" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#174600\');">&nbsp;</button></td>'
		+ '</tr>'
		+ '</table>'
		+ '</div>'
		+ '</div>';		
		break;
	case 'backColor':
		HtmlPopup = '<div  id="'+this.textareaID+'_backColor" class="popup_backColor" style="display:none;">'
		+ '<div style="text-align:center">'
		+ '<table cellpadding="0" cellspacing="6">'
		+ '<tr>'
		+ '<td bgcolor="#d42a1b"><button type="button" style="color:#fff;" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#ffffff\');EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#d42a1b\')">가나다</button></td>'
		+ '<td bgcolor="#ba34a6"><button type="button" style="color:#fff;" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#ffffff\');EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#ba34a6\')">가나다</button></td>'
		+ '<td bgcolor="#000000"><button type="button" style="color:#fff;" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#ffffff\');EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#000000\')">가나다</button></td>'
		+ '</tr>'
		+ '<tr>'
		+ '<td bgcolor="#fb8f22"><button type="button" style="color:#fff;" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#ffffff\');EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#fb8f22\')">가나다</button></td>'
		+ '<td bgcolor="#7c43b1"><button type="button" style="color:#fff;" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#ffffff\');EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#7c43b1\')">가나다</button></td>'
		+ '<td bgcolor="#848484"><button type="button" style="color:#fff;" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#ffffff\');EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#848484\')">가나다</button></td>'
		+ '</tr>'
		+ '<tr>'
		+ '<td bgcolor="#ffe430"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#000000\');EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#ffe430\')">가나다</button></td>'
		+ '<td bgcolor="#576fbd"><button type="button" style="color:#fff;" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#ffffff\');EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#576fbd\')">가나다</button></td>'
		+ '<td bgcolor="#dae8f6"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'foreColor\',\'#000000\');EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#dae8f6\')">가나다</button></td>'
		+ '</tr>'
		+ '</table>'
		+ '<div>'
		+ '<div class="colorPicker">'
		+ '<table cellpadding="0" cellspacing="2" width="170px">'
		+ '<tr>'
		+ '<td bgcolor="#ffffff" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#ffffff\');">&nbsp;</button></td>'
		+ '<td bgcolor="#faedd4" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#faedd4\');">&nbsp;</button></td>'
		+ '<td bgcolor="#fff3b4" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#fff3b4\');">&nbsp;</button></td>'
		+ '<td bgcolor="#ffffbe" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#ffffbe\');">&nbsp;</button></td>'
		+ '<td bgcolor="#ffeaea" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#ffeaea\');">&nbsp;</button></td>'
		+ '<td bgcolor="#ffeaf8" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#ffeaf8\');">&nbsp;</button></td>'
		+ '<td bgcolor="#e6ecfe" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#e6ecfe\');">&nbsp;</button></td>'
		+ '<td bgcolor="#d6f3f9" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#d6f3f9\');">&nbsp;</button></td>'
		+ '<td bgcolor="#e0f0e9" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#e0f0e9\');">&nbsp;</button></td>'
		+ '<td bgcolor="#eaf4cf" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#eaf4cf\');">&nbsp;</button></td>'
		+ '</tr>'                                                                                                                                    
		+ '<tr>'                                                                                                                                     
		+ '<td bgcolor="#e8e8e8" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#e8e8e8\');">&nbsp;</button></td>'
		+ '<td bgcolor="#e7c991" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#e7c991\');">&nbsp;</button></td>'
		+ '<td bgcolor="#f3d756" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#f3d756\');">&nbsp;</button></td>'
		+ '<td bgcolor="#ffe409" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#ffe409\');">&nbsp;</button></td>'
		+ '<td bgcolor="#f9b4cb" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#f9b4cb\');">&nbsp;</button></td>'
		+ '<td bgcolor="#dfb7ee" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#dfb7ee\');">&nbsp;</button></td>'
		+ '<td bgcolor="#b1c4fc" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#b1c4fc\');">&nbsp;</button></td>'
		+ '<td bgcolor="#96ddf3" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#96ddf3\');">&nbsp;</button></td>'
		+ '<td bgcolor="#b1dab7" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#b1dab7\');">&nbsp;</button></td>'
		+ '<td bgcolor="#b8d63d" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#b8d63d\');">&nbsp;</button></td>'
		+ '</tr>'						                                                                                                                         
		+ '<tr>'                                                                                                                                     
		+ '<td bgcolor="#c2c2c2" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#c2c2c2\');">&nbsp;</button></td>'
		+ '<td bgcolor="#d18e0a" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#d18e0a\');">&nbsp;</button></td>'
		+ '<td bgcolor="#ec9c2c" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#ec9c2c\');">&nbsp;</button></td>'
		+ '<td bgcolor="#ff8b16" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#ff8b16\');">&nbsp;</button></td>'
		+ '<td bgcolor="#f3709b" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#f3709b\');">&nbsp;</button></td>'
		+ '<td bgcolor="#af65dd" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#af65dd\');">&nbsp;</button></td>'
		+ '<td bgcolor="#7293fa" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#7293fa\');">&nbsp;</button></td>'
		+ '<td bgcolor="#49b5d5" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#49b5d5\');">&nbsp;</button></td>'
		+ '<td bgcolor="#6abb9a" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#6abb9a\');">&nbsp;</button></td>'
		+ '<td bgcolor="#5fb636" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#5fb636\');">&nbsp;</button></td>'
		+ '</tr>'                                                                                                                                    
		+ '<tr>'                                                                                                                                     
		+ '<td bgcolor="#8e8e8e" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#8e8e8e\');">&nbsp;</button></td>'
		+ '<td bgcolor="#9d6c08" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#9d6c08\');">&nbsp;</button></td>'
		+ '<td bgcolor="#c84205" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#c84205\');">&nbsp;</button></td>'
		+ '<td bgcolor="#e31600" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#e31600\');">&nbsp;</button></td>'
		+ '<td bgcolor="#c8056a" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#c8056a\');">&nbsp;</button></td>'
		+ '<td bgcolor="#801fbf" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#801fbf\');">&nbsp;</button></td>'
		+ '<td bgcolor="#3058d2" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#3058d2\');">&nbsp;</button></td>'
		+ '<td bgcolor="#0686a8" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#0686a8\');">&nbsp;</button></td>'
		+ '<td bgcolor="#318561" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#318561\');">&nbsp;</button></td>'
		+ '<td bgcolor="#2b8400" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#2b8400\');">&nbsp;</button></td>'
		+ '</tr>'
		+ '<tr>'
		+ '<td bgcolor="#000000" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#000000\');">&nbsp;</button></td>'
		+ '<td bgcolor="#463003" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#463003\');">&nbsp;</button></td>'
		+ '<td bgcolor="#612a03" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#612a03\');">&nbsp;</button></td>'
		+ '<td bgcolor="#5b0000" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#5b0000\');">&nbsp;</button></td>'
		+ '<td bgcolor="#610334" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#610334\');">&nbsp;</button></td>'
		+ '<td bgcolor="#57048c" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#57048c\');">&nbsp;</button></td>'
		+ '<td bgcolor="#193da9" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#193da9\');">&nbsp;</button></td>'
		+ '<td bgcolor="#004c5f" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#004c5f\');">&nbsp;</button></td>'
		+ '<td bgcolor="#105738" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#105738\');">&nbsp;</button></td>'
		+ '<td bgcolor="#174600" width="10"><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'backColor\',\'#174600\');">&nbsp;</button></td>'
		+ '</tr>'
		+ '</table>'
		+ '</div>'
		+ '</div>';			
		break;
	case 'lineHeight':
		HtmlPopup = '<div id="'+this.textareaID+'_lineHeight" class="popup_lineHeight" style="display:none;">' 
		+ '<ul><li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'lineHeight\',\'0.5\');">50%</button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'lineHeight\',\'0.8\');">80%</button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'lineHeight\',\'1.0\');">100%</button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'lineHeight\',\'1.2\');">120%</button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'lineHeight\',\'1.5\');">150%</button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'lineHeight\',\'1.8\');">180%</button></li>'
		+ '<li><button type="button" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'lineHeight\',\'2.0\');">200%</button></li></ul>'
		+ '</div>';		
		break;
	case 'quote':
		HtmlPopup = '<div id="'+this.textareaID+'_quote" class="popup_Quote" style="display:none;">'
		+ '<ul><li><button type="button" class="quote01" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'createQuote\',\'1\');">인용1</button></li>'
		+ '<li><button type="button" class="quote02" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'createQuote\',\'2\');">인용2</button></li>'
		+ '<li><button type="button" class="quote03" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'createQuote\',\'3\');">인용3</button></li>'
		+ '<li><button type="button" class="quote04" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'createQuote\',\'4\');">인용4</button></li>'
		+ '<li><button type="button" class="quote05" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'createQuote\',\'5\');">인용5</button></li>'
		+ '<li><button type="button" class="quote06" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'createQuote\',\'6\');">인용6</button></li>'
		+ '<li><button type="button" class="quote07" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'createQuote\',\'7\');">인용7</button></li>'
		+ '<li><button type="button" class="quote08" onclick="javascript:EF.get(\''+this.textareaID+'\').command(\'createQuote\',\'8\');">인용8</button></li></ul>'		
		+ '</div>';		
		break;
	case 'createLink':
		HtmlPopup = '<div id="'+this.textareaID+'_createLink" class="popup_createLink" style="display:none;">'
		+ '<div class="url">주소: <input id="'+this.textareaID+'_URL" type="text" size="32" value="http://"/> <button type="button" title="확인" onclick="javascript:EF.get(\''+this.textareaID+'\').createLink(\'_URL\')">확인</button></div>'
		+ '</div>';
		break;
	case 'createTable':
		HtmlPopup = '<div id="'+this.textareaID+'_createTable" class="popup_createTable" style="display:none;">'
		+ '<div id="'+this.textareaID+'_tablePreview" class="table_preview" style="height:100px;">'
		+ '<table border="0" width="100%"  bgColor="#b7bbb5" style="height:100%;border-collapse:separate;" cellpadding="1" cellspacing="1">'
		+ '<tr bgColor="#ffffff">'
		+ '<td width="25%"></td>'
		+ '<td width="25%"></td>'
		+ '<td width="25%"></td>'
		+ '<td width="25%"></td>'
		+ '</tr>'
		+ '<tr bgColor="#ffffff">'
		+ '<td width="25%"></td>'
		+ '<td width="25%"></td>'
		+ '<td width="25%"></td>'
		+ '<td width="25%"></td>'
		+ '</tr>'
		+ '<tr bgColor="#ffffff">'
		+ '<td width="25%"></td>'
		+ '<td width="25%"></td>'
		+ '<td width="25%"></td>'
		+ '<td width="25%"></td>'
		+ '</tr>'
		+ '</table>'
		+ '</div>'
		+ '<div class="table_option">'
		+ '<div class="row">'
		+ '행 <input id="'+this.textareaID+'_row" type="text" value="3" size="2" maxlength="2" onkeyup="javascript:EF.get(\''+this.textareaID+'\').addTable(\'onblur\');">'
		+ '</div>'
		+ '<div class="col">'
		+ '열 <input id="'+this.textareaID+'_col" type="text" value="4" size="2" maxlength="2" onkeyup="javascript:EF.get(\''+this.textareaID+'\').addTable(\'onblur\');">'
		+ '</div>'
		+ '</div>'	
		+ '<div class="table_option">'
		+ '<div class="border">'
		+ '테두리 굵기 <input id="'+this.textareaID+'_border" type="text" value="1" size="2"  maxlength="2" onkeyup="javascript:EF.get(\''+this.textareaID+'\').addTable(\'onblur\');">'
		+ '</div>'
		+ '</div>'
		+ '<div class="button_div">'
		+ '<div class="submit_button">'
		+ '<button type="button" title="확인" onclick="javascript:EF.get(\''+this.textareaID+'\').addTable();">확인</button>'
		+ '</div>'
		+ '</div>'
		+ '</div>';		
		break;
	default :
		break;
	}
	return HtmlPopup;
}
