var sizelist = [
'x-small',
'small',
'medium',
'large',
'x-large',
'xx-large',
'50%',
'65%',
'80%',
'100%',
'120%',
'150%',
'200%',
'300%',
'500%',
'1000%',
'2000%'
];

function writefontselector(defaultfont, defaultsize, fontlist)
{
  document.writeln('<form name="fontform">');
  document.writeln('<select name="family" onchange="setselectedfontfamily()">');
  for (var i = 0; i < fontlist.length; i++) {
    var font = fontlist[i];
    var line = '<option ' + ((font==defaultfont)?'selected ':'') + 'value ="' + font + '">' + font;
    document.writeln(line);
  }
  document.writeln('<\/select><select name="size" onchange="setselectedfontsize()">');
  for (var i = 0; i < sizelist.length; i++) {
    var size = sizelist[i];
    var line = '<option ' + ((size==defaultsize)?'selected ':'') + 'value ="' + size + '">' + size;
    document.writeln(line);
  }
  document.writeln('<\/select><\/form>');
}

function setelementfontsize(tag,className,size)
{
  var els = document.getElementsByTagName(tag);
  for (var i=0; i < els.length; i++) {
    var el = els[i];
    if (el.className == className) {
      el.style.fontSize = size;
    }
  }
}

function setelementfontfamily(tag,className,family)
{
  var els = document.getElementsByTagName(tag);
  for (var i=0; i < els.length; i++) {
    var el = els[i];
    if (el.className == className) {
      el.style.fontFamily = family;
    }
  }
}

// setfont is a document specific function and is defined there.
function setselectedfontsize()
{
  var s = document.fontform.size;
  if (s.selectedIndex >= 0) {
    setfontsize (s.options[s.selectedIndex].text);
  }
}
// setfont is a document specific function and is defined there.
function setselectedfontfamily()
{
  var f = document.fontform.family;
  if (f.selectedIndex >= 0) {
    setfontfamily (f.options[f.selectedIndex].text);
  }
}