function BtnDown()
{
	window.event.srcElement.style.borderStyle = 'inset';
}
function BtnUp()
{
	window.event.srcElement.style.borderStyle = 'outset';
}
function Toggle(act)
{
	//text = window.event.srcElement.innerText;	
	switch (act) 
	{
		case "FontColor" :
			theBox = document.all("TableFontColor");
			if (theBox.style.display == 'none')
				theBox.style.display = '';
			else
				theBox.style.display = 'none';
			break;
		case "FontSize" :
			theSize = document.all("actFntSize").value;
			if (theSize != '')
				document.execCommand(act, false, theSize);
			break;
		case "FontName" :
			theName = document.all("actFntName").value; // unselectable="on

			if (theName != '')
				document.execCommand("FontName", false, theName);
			break;
		default :
			document.execCommand(act);
	}
}
function setFontColor(theColor)
{
	if (theColor != '')
		document.execCommand("ForeColor", false, theColor);
	theBox = document.all("TableFontColor");
	theBox.style.display = 'none';
}

function htmleditor()
{
	str = '<style> .btn{padding:1 3};</style>';
	str+= '<table cellpadding=0 cellspacing=0 border=0 ><tr>';
	str+= '<td id="btn"> <select name="actFntName" onchange="Toggle(\'FontName\');" unselectable="on"><option value="" selected>±Û²Ã</option><option value="µ¸¿ò">µ¸¿ò</option><option value="±¼¸²">±¼¸²</option><option value="¹ÙÅÁ">¹ÙÅÁ</option><option value="±Ã¼­">±Ã¼­</option> <option value="verdana">verdana</option> <option value="times">times</option> <option value="comic sans ms">comic sans ms</option> </select> </td>';
	str+= '<td class="btn"> <select name="actFntSize" onchange="Toggle(\'FontSize\');" unselectable="on"> <option value="">Å©±â</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> </select> </td>';
	str+= '<td class="btn"><img src="/inc/img/edit/bold.gif" unselectable="on" style="cursor:hand" onclick="Toggle(\'Bold\');"></td>';
	str+= '<td class="btn"><img src="/inc/img/edit/underline.gif" unselectable="on" style="cursor:hand" onclick="Toggle(\'UnderLine\');"></td>';
	str+= '<td class="btn"><img src="/inc/img/edit/italic.gif" unselectable="on" style="cursor:hand" onclick="Toggle(\'Italic\');"></td>';
	str+= '<td class="btn"> <img src="/inc/img/edit/fontColor.gif" unselectable="on" style="cursor:hand" onclick="Toggle(\'FontColor\');"><br> <Div id="TableFontColor"  style="position:absolute;display:none;z-index:10;" > <table width="111" border="0" cellspacing="1" cellpadding="0" bgcolor="#CCCCCC"> <tr> <td align="center" bgcolor="#FFFFFF" width="85"> <table width="111" border="0" cellspacing="4" cellpadding="0" height="88"> <tr> <td bgcolor="#008000" style="cursor:hand" onclick="setFontColor(\'#008000\');" unselectable="on">&nbsp;</td> <td bgcolor="#009966" style="cursor:hand" onclick="setFontColor(\'#009966\');" unselectable="on">&nbsp;</td> <td bgcolor="#99CC66" style="cursor:hand" onclick="setFontColor(\'#99CC66\');" unselectable="on">&nbsp;</td> <td bgcolor="#999966" style="cursor:hand" onclick="setFontColor(\'#999966\');" unselectable="on">&nbsp;</td> <td bgcolor="#CC9900" style="cursor:hand" onclick="setFontColor(\'#CC9900\');" unselectable="on">&nbsp;</td> </tr> <tr> <td bgcolor="#D41A01" style="cursor:hand" onclick="setFontColor(\'#D41A01\');" unselectable="on">&nbsp;</td> <td bgcolor="#FF0000" style="cursor:hand" onclick="setFontColor(\'#FF0000\');" unselectable="on">&nbsp;</td> <td bgcolor="#FF7635" style="cursor:hand" onclick="setFontColor(\'#FF7635\');" unselectable="on">&nbsp;</td> <td bgcolor="#FF9900" style="cursor:hand" onclick="setFontColor(\'#FF9900\');" unselectable="on">&nbsp;</td> <td bgcolor="#FF3399" style="cursor:hand" onclick="setFontColor(\'#FF3399\');" unselectable="on">&nbsp;</td> </tr> <tr> <td bgcolor="#9B18C1" style="cursor:hand" onclick="setFontColor(\'#9B18C1\');" unselectable="on">&nbsp;</td> <td bgcolor="#993366" style="cursor:hand" onclick="setFontColor(\'#993366\');" unselectable="on">&nbsp;</td> <td bgcolor="#666699" style="cursor:hand" onclick="setFontColor(\'#666699\');" unselectable="on">&nbsp;</td> <td bgcolor="#0000FF" style="cursor:hand" onclick="setFontColor(\'#0000FF\');" unselectable="on">&nbsp;</td> <td bgcolor="177FCD" style="cursor:hand" onclick="setFontColor(\'177FCD\');" unselectable="on">&nbsp;</td> </tr> <tr> <td bgcolor="#006699" style="cursor:hand" onclick="setFontColor(\'#006699\');" unselectable="on">&nbsp;</td> <td bgcolor="#003366" style="cursor:hand" onclick="setFontColor(\'#003366\');" unselectable="on">&nbsp;</td> <td bgcolor="#333333" style="cursor:hand" onclick="setFontColor(\'#333333\');" unselectable="on">&nbsp;</td> <td bgcolor="#8E8E8E" style="cursor:hand" onclick="setFontColor(\'#8E8E8E\');" unselectable="on">&nbsp;</td> <td bgcolor="#C1C1C1" style="cursor:hand" onclick="setFontColor(\'#C1C1C1\');" unselectable="on">&nbsp;</td> </tr> </table> </td> </tr> </table> </div> </td>'
	str+= '<td class="btn"><img src="/inc/img/edit/left.gif" unselectable="on" style="cursor:hand" onclick="Toggle(\'JustifyLeft\');"></td>';
	str+= '<td class="btn"><img src="/inc/img/edit/center.gif" unselectable="on" style="cursor:hand" onclick="Toggle(\'JustifyCenter\');"></td>';
	str+= '<td class="btn"><img src="/inc/img/edit/right.gif" unselectable="on" style="cursor:hand" onclick="Toggle(\'JustifyRight\');"></td></tr> </table>';
	//str+= '<table><tr><td height="5"></td></tr></table>';

	document.write (str);
}