function drawFontPicker(inno,objname)
{
document.write("<div class=\"fontpicker\">");
document.write("<table>");
document.write("<tr> ");
document.write("<td><select name=\"fontname" + inno + "\">");
document.write("	<option>Arial</option>");
document.write("	<option>Verdana</option>");
document.write("	<option>Tahoma</option>");
document.write("	<option>Times New Roman</option>");
document.write("	<option>Helvetica</option>");
document.write("	<option>Comic Sans MS</option>");
document.write("</select></td>");

document.write("<td><input type=\"checkbox\" id=\"isbold" + inno + "\" value=\"checkbox\" /></td>");
document.write("<td><strong>Bold</strong></td>");
document.write("<td><input type=\"checkbox\" id=\"isitalic" + inno + "\" value=\"checkbox\" /></td>");
document.write("<td><em>Italic</em></td>");

document.write("<td><select name=\"fontsize" + inno + "\">");
document.write("	<option>9px</option>");
document.write("	<option selected>12px</option>");
document.write("	<option>14px</option>");
document.write("	<option>18px</option>");
document.write("	<option>20px</option>");
document.write("	<option>22px</option>");
document.write("	<option>25px</option>");
document.write("	<option>30px</option>");
document.write("	<option>36px</option>");
document.write("	<option>42px</option>");
document.write("	</select></td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td colspan=6>Color:<INPUT TYPE=\"text\" name=\"" + objname + "\" id='" + objname + "' value=\"#000000\" onClick=\"showColorPicker(this,'" + objname + "')\"/></td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");
}

function drawStyleFontPicker()
{
document.write("<div class=\"fontpicker\">");
document.write("<table>");
document.write("<tr> ");
document.write("<td colspan=6>Name:<select name=\"fontname\" id=\"fontname\">");
document.write("	<option value='Arial'>Arial</option>");
document.write("	<option value='Verdana'>Verdana</option>");
document.write("	<option value='Tahoma'>Tahoma</option>");
document.write("	<option value='Times New Roman'>Times New Roman</option>");
document.write("	<option value='Helvetica'>Helvetica</option>");
document.write("	<option value='Comic Sans MS'>Comic Sans MS</option>");
document.write("</select></td></tr>");


document.write("<tr><td><input type=\"checkbox\" id=\"isbold\" name=\"isbold\" value=\"on\" /></td>");
document.write("<td><strong>Bold</strong></td>");
document.write("<td><input type=\"checkbox\" id=\"isitalic\" name=\"isitalic\" value=\"on\" /></td>");
document.write("<td><em>Italic</em></td>");
document.write("<td><input type=\"checkbox\" id=\"isunderline\" name=\"isunderline\" value=\"on\" /></td>");
document.write("<td><span style='text-decoration: underline'>Underline</span></td>");
document.write("</tr>");
document.write("<tr><td colspan=6>Size:<input type='text' id='fontsize' name='fontsize' value='' size=5>px</td></tr>");
document.write("<tr> ");
document.write("<td colspan=6>Align:<select name=\"fontalign\" id=\"fontalign\">");
document.write("	<option value='left'>Left</option>");
document.write("	<option value='center'>Center</option>");
document.write("	<option value='right'>Right</option>");
document.write("</select></td></tr>");
document.write("<tr>");
document.write("<td colspan=6>Color:<INPUT TYPE=\"text\" name=\"fontcolor\" id=\"fontcolor\" value=\"#000000\" onClick=\"showColorPicker(this,'fontcolor')\"/></td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");
}