﻿function getFontFaceHTML()
{
var fontfacehtml = commonStyle;
fontfacehtml+="<div  style=\"position:absolute;top:0;left:0;width:220;border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline\">";
//fontfacehtml+="<div  style=\"position:absolute;border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline\">";

fontfacehtml+="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">";
fontfacehtml+="<tr>";
fontfacehtml+="<td align=\"right\" style=\"padding:6 6 0 0\"><img src=\"/isolation/images/editor/btn_exit.gif\" width=\"7\" height=\"7\" border=\"0\" class=\"hand\" onclick=\"parent.hideLayer('font_face')\"></td>";
fontfacehtml+="</tr>";
fontfacehtml+="<tr>";
fontfacehtml+="<td style=\"line-height:15px;padding:0 0 10 10\">";
fontfacehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontname\",\"굴림\");'><font face=\"굴림\">가나다라마바사 (굴림)</font></a><br>";
fontfacehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontname\",\"굴림체\");'><font face=\"굴림체\">가나다라마바사 (굴림체)</font></a><br>";
fontfacehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontname\",\"돋움\");'><font face=\"돋움\">가나다라마바사 (돋움)</font></a><br>";
fontfacehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontname\",\"돋움체\");'><font face=\"돋움체\">가나다라마바사 (돋움체)</font></a><br>";
fontfacehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontname\",\"바탕\");'><font face=\"바탕\">가나다라마바사 (바탕)</font></a><br>";
fontfacehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontname\",\"궁서\");'><font face=\"궁서\">가나다라마바사 (궁서)</font></a><br>";
fontfacehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontname\",\"Arial\");'><font face=\"Arial\">ABCDEFGHIJKL (Arial)</font></a><br>";
fontfacehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontname\",\"Tahoma\");'><font face=\"Tahoma\">ABCDEFGHIJKL (Tahoma)</font></a><br>";
fontfacehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontname\",\"Times New Roman\");'><font face=\"Times New Roman\">ABCDEFGHIJKL (Times New Roman)</font></a><br>";
fontfacehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontname\",\"Verdana\");'><font face=\"Verdana\">ABCDEFGHIJKL (Verdana)</font></a></td>";
fontfacehtml+="</tr>";
fontfacehtml+="</table>";
fontfacehtml+="</div>";
//fontfacehtml+="</body></html>";
return fontfacehtml;
}

function getFontSizeHTML()
{
var fontsizehtml = commonStyle;
fontsizehtml+="<div  style=\"position:absolute;top:0;left:0;width:310; border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline\">";
fontsizehtml+="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">";
fontsizehtml+="<tr>";
fontsizehtml+="<td align=\"right\" style=\"padding:6 6 0 0\"><img src=\"/isolation/images/editor/btn_exit.gif\" width=\"7\" height=\"7\" border=\"0\" class=\"hand\" onclick=\"parent.hideLayer('font_size')\"></td>";
fontsizehtml+="</tr>";
fontsizehtml+="<tr>";
fontsizehtml+="<td style=\"line-height:1.2;padding:0 0 10 10\">";
fontsizehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontsize\",\"1\");'><font size=1>가나다라마바사 (8pt)</font></a><br>";
fontsizehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontsize\",\"2\");'><font size=2>가나다라마바사 (10pt)</font></a><br>";
fontsizehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontsize\",\"3\");'><font size=3>가나다라마바사 (12pt)</font></a><br>";
fontsizehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontsize\",\"4\");'><font size=4>가나다라마바사 (14pt)</font></a><br>";
fontsizehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontsize\",\"5\");'><font size=5>가나다라마바사 (18pt)</font></a><br>";
fontsizehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontsize\",\"6\");'><font size=6>가나다라마 (24pt)</font></a><br>";
fontsizehtml+="<a href='javascript:;' onClick='parent.editContent(\"fontsize\",\"7\");'><font size=7>가나다 (36pt)</font></a>";
fontsizehtml+="</td>";
fontsizehtml+="</tr>";
fontsizehtml+="</table>";
fontsizehtml+="</div>";
return fontsizehtml;
}

function getFontColorHTML()
{
var fontcolorhtml=commonStyle;
fontcolorhtml+="<div  style=\"position:absolute;top:0;left:0;width:213;border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline\">";
fontcolorhtml+="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">";
fontcolorhtml+="<tr>";
fontcolorhtml+="<td height=\"17\" valign=\"top\" align=\"right\" style=\"padding:6 6 0 0\"><img src=\"/isolation/images/editor/btn_exit.gif\" width=\"7\" height=\"7\" border=\"0\" class=\"hand\" onclick=\"parent.hideLayer('font_color')\"></td>";
fontcolorhtml+="</tr>";
fontcolorhtml+="<tr>";
fontcolorhtml+="<td style=\"padding:0 8px 8px 8\" bgcolor=\"#F6F6F6\">";
fontcolorhtml+="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" bgcolor=\"#FFFFFF\">";
fontcolorhtml+="<tr>";
fontcolorhtml+="<td style=\"padding:5px 0 6px 0;\" align=\"center\">";
fontcolorhtml+="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"padding:0 3px 0 3px;\">";
fontcolorhtml+="<tr height=\"18\">";
fontcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"forecolor\",\"#008000\");'><font color=\"#008000\">가나다라마바사</font></a></td>";
fontcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"forecolor\",\"#993366\");'><font color=\"#993366\">가나다라마바사</font></a></td>";
fontcolorhtml+="</tr>";
fontcolorhtml+="<tr height=\"18\">";
fontcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"forecolor\",\"#CC9900\");'><font color=\"#CC9900\">가나다라마바사</font></a></td>";
fontcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"forecolor\",\"#9B18C1\");'><font color=\"#9B18C1\">가나다라마바사</font></a></td>";
fontcolorhtml+="</tr>";
fontcolorhtml+="<tr height=\"18\">";
fontcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"forecolor\",\"#FF9900\");'><font color=\"#FF9900\">가나다라마바사</font></a></td>";
fontcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"forecolor\",\"#0000FF\");'><font color=\"#0000FF\">가나다라마바사</font></a></td>";
fontcolorhtml+="</tr>";
fontcolorhtml+="<tr height=\"18\">";
fontcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"forecolor\",\"#FF0000\");'><font color=\"#FF0000\">가나다라마바사</font></a></td>";
fontcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"forecolor\",\"#177FCD\");'><font color=\"#177FCD\">가나다라마바사</font></a></td>";
fontcolorhtml+="</tr>";
fontcolorhtml+="<tr height=\"18\">";
fontcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"forecolor\",\"#FF3399\");'><font color=\"#FF3399\">가나다라마바사</font></a></td>";
fontcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"forecolor\",\"#8E8E8E\");'><font color=\"#8E8E8E\">가나다라마바사</font></a></td>";
fontcolorhtml+="</tr>";
fontcolorhtml+="</table>";
fontcolorhtml+=getCommonColorHTML("forecolor");
fontcolorhtml+="</td>";
fontcolorhtml+="</tr>";
fontcolorhtml+="</table>";
fontcolorhtml+="</td>";
fontcolorhtml+="</tr>";
fontcolorhtml+="</table>";
fontcolorhtml+="</div>";
return fontcolorhtml;
}

function getFontBackColorHTML()
{
var fontbkcolorhtml=commonStyle;
fontbkcolorhtml+="<div  style=\"position:absolute;top:0;left:0;width:213;border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline\">";
fontbkcolorhtml+="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">";
fontbkcolorhtml+="<tr>";
fontbkcolorhtml+="<td height=\"17\" valign=\"top\" align=\"right\" style=\"padding:6 6 0 0\"><img src=\"/isolation/images/editor/btn_exit.gif\" width=\"7\" height=\"7\" border=\"0\" class=\"hand\" onclick=\"parent.hideLayer('font_bg')\"></td>";
fontbkcolorhtml+="</tr>";
fontbkcolorhtml+="<tr>";
fontbkcolorhtml+="<td style=\"padding:0 8 8 8\" bgcolor=\"#F6F6F6\">";
fontbkcolorhtml+="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" bgcolor=\"#FFFFFF\">";
fontbkcolorhtml+="<tr>";
fontbkcolorhtml+="<td style=\"padding:7 0 6 0\" align=\"center\">";
fontbkcolorhtml+="<table border=\"0\" cellpadding=\"0\" cellspacing=\"3\">";
fontbkcolorhtml+="<tr height=\"18\">";
fontbkcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"hilitecolor\",\"#008000\");'><font color=\"#FFFFFF\" style=\"background-color:#008000\">가나다라마바사</font></a></td>";
fontbkcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"hilitecolor\",\"#993366\");'><font color=\"#FFFFFF\" style=\"background-color:#993366\">가나다라마바사</font></a></td>";
fontbkcolorhtml+="</tr>";
fontbkcolorhtml+="<tr height=\"18\">";
fontbkcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"hilitecolor\",\"#CC9900\");'><font color=\"#FFFFFF\" style=\"background-color:#CC9900\">가나다라마바사</font></a></td>";
fontbkcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"hilitecolor\",\"#9B18C1\");'><font color=\"#FFFFFF\" style=\"background-color:#9B18C1\">가나다라마바사</font></a></td>";
fontbkcolorhtml+="</tr>";
fontbkcolorhtml+="<tr height=\"18\">";
fontbkcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"hilitecolor\",\"#FF9900\");'><font color=\"#FFFFFF\" style=\"background-color:#FF9900\">가나다라마바사</font></a></td>";
fontbkcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"hilitecolor\",\"#0000FF\");'><font color=\"#FFFFFF\" style=\"background-color:#0000FF \">가나다라마바사</font></a></td>";
fontbkcolorhtml+="</tr>";
fontbkcolorhtml+="<tr height=\"18\">";
fontbkcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"hilitecolor\",\"#FF0000\");'><font color=\"#FFFFFF\" style=\"background-color:#FF0000\">가나다라마바사</font></a></td>";
fontbkcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"hilitecolor\",\"#177FCD\");'><font color=\"#FFFFFF\" style=\"background-color:#177FCD\">가나다라마바사</font></a></td>";
fontbkcolorhtml+="</tr>";
fontbkcolorhtml+="<tr height=\"18\">";
fontbkcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"hilitecolor\",\"#FF3399\");'><font color=\"#FFFFFF\" style=\"background-color:#FF3399\">가나다라마바사</font></a></td>";
fontbkcolorhtml+="<td><a href='javascript:;' onClick='parent.editContent(\"hilitecolor\",\"#8E8E8E\");'><font color=\"#FFFFFF\" style=\"background-color:#8E8E8E\">가나다라마바사</font></a></td>";
fontbkcolorhtml+="</tr>";
fontbkcolorhtml+="</table>";
fontbkcolorhtml+=getCommonColorHTML("hilitecolor");												
fontbkcolorhtml+="</td>";
fontbkcolorhtml+="</tr>";
fontbkcolorhtml+="</table>";
fontbkcolorhtml+="</td>";
fontbkcolorhtml+="</tr>";
fontbkcolorhtml+="</table>";
fontbkcolorhtml+="</div>";
return fontbkcolorhtml;
}

function getBgColorHTML()
{
var bgcolorhtml=commonStyle;
bgcolorhtml+="<div  style=\"position:absolute;top:0;left:0;width:213;border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline\">";
bgcolorhtml+="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">";
bgcolorhtml+="<tr>";
bgcolorhtml+="<td height=\"17\" valign=\"top\" align=\"right\" style=\"padding:6 6 0 0\"><img src=\"/isolation/images/editor/btn_exit.gif\" width=\"7\" height=\"7\" border=\"0\" class=\"hand\" onclick=\"parent.hideLayer('bg_color')\"></td>";
bgcolorhtml+="</tr>";
bgcolorhtml+="<tr>";
bgcolorhtml+="<td style=\"padding:0 8 8 8\" bgcolor=\"#F6F6F6\">";
bgcolorhtml+="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" bgcolor=\"#FFFFFF\">";
bgcolorhtml+="<tr>";
bgcolorhtml+="<td style=\"padding:7 0 6 0\" align=\"center\">";
bgcolorhtml+=getCommonColorHTML("backcolor");
bgcolorhtml+="</td>";
bgcolorhtml+="</tr>";
bgcolorhtml+="</table>";
bgcolorhtml+="</td>";
bgcolorhtml+="</tr>";
bgcolorhtml+="</table>";
bgcolorhtml+="</div>";
return bgcolorhtml;
}

function getCommonColorHTML(tagid)
{
var colors = new Array(
"#ffffff","#e5e4e4","#d9d8d8","#c0bdbd","#a7a4a4","#8e8a8b","#827e7f","#767173","#5c585a","#000000",
"#fefcdf","#fef4c4","#feed9b","#fee573","#ffed43","#f6cc0b","#e0b800","#c9a601","#ad8e00","#8c7301",
"#ffded3","#ffc4b0","#ff9d7d","#ff7a4e","#ff6600","#e95d00","#d15502","#ba4b01","#a44201","#8d3901",
"#ffd2d0","#ffbab7","#fe9a95","#ff7a73","#ff483f","#fe2419","#f10b00","#d40a00","#940000","#6d201b",
"#ffdaed","#ffb7dc","#ffa1d1","#ff84c3","#ff57ac","#fd1289","#ec0078","#d6006d","#bb005f","#9b014f",
"#fcd6fe","#fbbcff","#f9a1fe","#f784fe","#f564fe","#f546ff","#f328ff","#d801e5","#c001cb","#8f0197",
"#e2f0fe","#c7e2fe","#add5fe","#92c7fe","#6eb5ff","#48a2ff","#2690fe","#0162f4","#013add","#0021b0",
"#d3fdff","#acfafd","#7cfaff","#4af7fe","#1de6fe","#01deff","#00cdec","#01b6de","#00a0c2","#0084a0",
"#edffcf","#dffeaa","#d1fd88","#befa5a","#a8f32a","#8fd80a","#79c101","#3fa701","#307f00","#156200",
"#d4c89f","#daad88","#c49578","#c2877e","#ac8295","#c0a5c4","#969ac2","#92b7d7","#80adaf","#9ca53b"
);

var commoncolorhtml=commonStyle;
commoncolorhtml+="<table border='0' cellpadding='0' cellspacing='2' bgcolor='#FFFFFF'>";
var num = 0;
for (var i = 0; i < 10; i++) {
	commoncolorhtml+="<tr height='10'>";
	for (var j = 0; j < 10; j++) {
		var color = colors[num];
		commoncolorhtml+="<td width='16' bgcolor='"+color+"'><a href=\"javascript:;\" onClick=\"parent.editContent('"+tagid+"','"+color+"');\"><font color='"+color+"' style='font-size:4pt;'>글씨색</font></a></td>";
		//commoncolorhtml+="<td class=\"hand\" style=\"width:16px; background:"+ color +"\" onclick=\"parent.editContent('"+tagid+"','"+color+"');\"><span style=\"color:"+ color +"; font-size:4pt\">AAAAA</span></td>";
		//commoncolorhtml+="<td class=\"hand\" style=\"width:16px; background:"+ color +"\"><input type=\"button\" onClick=\"parent.editContent('"+tagid+"','"+color+"');\" style=\"width:16px; height:12px; cursor:point; border:0; background:"+ color +"\" /></td>";
		num++;
	}
	commoncolorhtml+="</tr>";
}
commoncolorhtml+="</table>";
return commoncolorhtml;
}

function getEmoticonHTML() {
	var emothtml = commonStyle;
	emothtml += "<div  style=\"position:absolute;top:0;left:0;width:233;height:206;border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline\">";
	emothtml += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">";
	emothtml += "<tr>";
	emothtml += "<td valign=\"top\" align=\"right\" style=\"padding:6 6 0 0\"><img src=\"/isolation/images/editor/btn_exit.gif\" width=\"7\" height=\"7\" border=\"0\" class=\"hand\" onclick=\"parent.hideLayer('emot')\">";
	emothtml += "</td></tr><tr>";
	emothtml += "<td style=\"padding:0 8 8 8\" bgcolor=\"#F6F6F6\">";
	emothtml += "<iframe src='/lib/editor/emoticon.html' scrolling=no frameborder=0 width=210 height=200 marginheight=0 marginweight=0>";
	emothtml += "</td></tr></table></div>";
	return emothtml;
}