/*
 * Copyright (C) 2009 Jeffrey Palm.  All rights reserved.
 */

var font;

function changeFont() {
  var sel = document.getElementById("fontSel");
  font = sel.options[sel.selectedIndex].value;
  var div = document.getElementById("fontSample");
  div.innerHTML = '';
  function writeSample(c) {
    var src = 'letters/' + font + '/' + c + '.jpg';
    div.innerHTML += '<img valign="middle" src="' + src + '" />';
  }
  writeSample('a');
  writeSample('b');
  writeSample('c');
  div.innerHTML += '<span valign="middle"> ... </span>';
  writeSample('z');
  genText(true);
}

function onLoad() {
  changeFont();
  clearText();
}

function genText(skipWarning) {
  var area = document.getElementById("input");
  var text = area.value;
  if (!skipWarning) {
    if (text == '') {
      alert('You have to type something!');
      return;
    }
  }
  text = text.toLowerCase();
  var output = document.getElementById("output");
  output.innerHTML = '';
  var cs = text.split('');
  for (var i=0; i<cs.length; i++) {
    var c = cs[i];
    if (c == "\n") {
      c = "<br/>";
    } else if ('a' <= c && c <= 'z') {
      c = '<img src="letters/' + font + '/' + c + '.jpg" />';
    } else if (c == ' ') {
      c = '<span style="width:40px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>';
    } else if (c == '<') {
      c = '&lt;';
    } else if (c == '>') {
      c = '&gt;';
    } else if (c == '&') {
      c = '&amp;';
    }
    output.innerHTML += c;
  }
}

function clearText() {
  document.getElementById("input").value = '';
  document.getElementById("output").innerHTML = '';  
}