aFontSizes=new Array(
"8",
"12",
"14",
"18",
"20",
"24",
"48",
"64"
);

aFontFamilies=new Array(
"serif",
"sans-serif",
"monospace",
"cursive",
"fantasy"
);


aFontColors=new Array(
"red",
"green",
"blue",
"black",
"white",
"yellow",
"gray"
);

document.writeln('<FORM ACTION="test.htm" METHOD=POST NAME="FontPicker">');

document.writeln('Font: ');
document.writeln('<SELECT NAME="FontFamily" onChange="selectFontFamily(this.form.FontFamily)">');
if (whichFontFamily==null)
	document.writeln('<option value="" SELECTED>Pick a Font');
else document.writeln('<option value="">Pick a Font Family');
document.writeln('<option value="default">Default');
for (var i=0;i<aFontFamilies.length;i++) {
	document.write('<option value="'+aFontFamilies[i]+'"');
	if (aFontFamilies[i]==whichFontFamily)
		document.write('SELECTED');
	document.writeln('>'+aFontFamilies[i]);
}
document.writeln('</SELECT>');

document.writeln('Font Size: ');
document.writeln(' <SELECT NAME="FontSize" onChange="selectFontSize(this.form.FontSize)">');
if (whichFontSize==null)
	document.writeln('<option value="" SELECTED>Pick a Font Size');
else document.writeln('<option value="">Pick a Font Size');
document.writeln('<option value="default">Default');
for (var i=0;i<aFontSizes.length;i++) {
	document.write('<option value="'+aFontSizes[i]+'"');
	if (aFontSizes[i]==whichFontSize)
		document.write('SELECTED');
	document.writeln('>'+aFontSizes[i]);
}
document.writeln('</SELECT>');

document.writeln('Color: ');
document.writeln('<SELECT NAME="FontColor" onChange="selectFontColor(this.form.FontColor)">');
if (whichFontColor==null)
	document.writeln('<option value="" SELECTED>Pick a Font Color');
else document.writeln('<option value="">Pick a Font Color');
document.writeln('<option value="default">Default');
for (var i=0;i<aFontColors.length;i++) {
	document.write('<option value="'+aFontColors[i]+'"');
	if (aFontColors[i]==whichFontColor)
		document.write('SELECTED');
	document.write('>'+aFontColors[i]);
}
document.writeln('</SELECT>');

document.writeln('Background: ');
document.writeln('<SELECT NAME="FontBackgroundColor" onChange="selectFontBackgroundColor(this.form.FontBackgroundColor)">');
if (whichFontBackgroundColor==null)
	document.writeln('<option value="" SELECTED>Pick a Background Color');
else document.writeln('<option value="">Pick a Background Color');
document.writeln('<option value="default">Default');
for (var i=0;i<aFontColors.length;i++) {
	document.write('<option value="'+aFontColors[i]+'"');
	if (aFontColors[i]==whichFontBackgroundColor)
		document.write('SELECTED');
	document.write('>'+aFontColors[i]);
}
document.writeln('</SELECT>');