function drawFontPicker(inno,objname, infontname, infontbold, infontitalic, infontsize, inlblcolor)
{
	if (!infontname)
		var infontname = "Arial";
		
	var Arialsel, Verdanasel, Tahomasel, Timessel, Helveticasel, Comicsel = "";
	switch (infontname) {
		case ("Arial"):
			Arialsel = "SELECTED";
			break;
		case ("Verdana"):
			Verdanasel = "SELECTED";
			break;
		case ("Tahoma"):
			Tahomasel = "SELECTED";
			break;
		case ("Times New Roman"):
			Timessel = "SELECTED";
			break;
		case ("Helvetica"):
			Helveticasel = "SELECTED";
			break;
		case ("Comic Sans MS"):
			Comicsel = "SELECTED";
			break;
		default:
			Arialsel = "SELECTED";
			break;
	} // switch (infontname)
		
		
	// handle bold
	if (!infontbold)
		var infontbold = false;
	if (infontbold)
		var boldchk = "CHECKED";
	else
		var boldchk = "";
		
	if (!infontitalic)
		var infontitalic = false;
	if (infontitalic)
		var italicchk = "CHECKED";
	else
		var italicchk = "";
		
	if (!infontsize)
		var infontsize = "12px";
	
	var size9sel, size12sel, size14sel, size18sel, size20sel, size22sel, size25sel, size30sel, size36sel, size42sel = "";
	
	switch (infontsize) {
		case ("9px"):
			size9sel = "SELECTED";
			break;
		case ("12px"):
			size12sel = "SELECTED";
			break;
		case ("14px"):
			size14sel = "SELECTED";
			break;
		case ("18px"):
			size18sel = "SELECTED";
			break;
		case ("20px"):
			size20sel = "SELECTED";
			break;
		case ("22px"):
			size22sel = "SELECTED";
			break;
		case ("25px"):
			size25sel = "SELECTED";
			break;
		case ("30px"):
			size30sel = "SELECTED";
			break;
		case ("36px"):
			size36sel = "SELECTED";
			break;
		case ("42px"):
			size42sel = "SELECTED";
			break;
		default:
			size12sel = "SELECTED";
			break;
	} // switch (infontsize)
			
		
	if (!inlblcolor)
		var inlblcolor = "#000000";
		
document.write("<div class=\"fontpicker\">");
document.write("<table>");
document.write("<tr> ");
document.write("<td><select name=\"fontname" + inno + "\">");
document.write("	<option " + Arialsel + ">Arial</option>");
document.write("	<option " + Verdanasel + ">Verdana</option>");
document.write("	<option " + Tahomasel + ">Tahoma</option>");
document.write("	<option " + Timessel + ">Times New Roman</option>");
document.write("	<option " + Helveticasel + ">Helvetica</option>");
document.write("	<option " + Comicsel + ">Comic Sans MS</option>");
document.write("</select></td>");

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

document.write("<td><select name=\"fontsize" + inno + "\">");
document.write("	<option " + size9sel + ">9px</option>");
document.write("	<option " + size12sel + ">12px</option>");
document.write("	<option " + size14sel + ">14px</option>");
document.write("	<option " + size18sel + ">18px</option>");
document.write("	<option " + size20sel + ">20px</option>");
document.write("	<option " + size22sel + ">22px</option>");
document.write("	<option " + size25sel + ">25px</option>");
document.write("	<option " + size30sel + ">30px</option>");
document.write("	<option " + size36sel + ">36px</option>");
document.write("	<option " + size42sel + ">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=\"" + inlblcolor + "\" 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>");
}