function makeElement (type, content)
{
  var elem = document.createElement(type);
  if (content)
    elem.appendChild(content);
  return elem;
}

function makeLink (dst, content)
{
  var link = makeElement('a', content);
  link.setAttribute('href', dst);
  return link;
}

var menuCurrentSelection = null;

function showMenu ( which ) {
  if (which == menuCurrentSelection)
    return;
  $("#menu"+menuCurrentSelection).fadeOut("fast", function () { $("#menu"+which).fadeIn("fast"); });
  menuCurrentSelection = which;
}

function makeMenu ( data ) {
  var ul = document.getElementById('menu');
  if (ul == null)
    return;
  for (var entry in data) {
    var img = makeElement('img');
    img.setAttribute('width', '16');
    img.setAttribute('height', '16');
    img.setAttribute('alt', data[entry]);
    img.setAttribute('title', data[entry]);
    img.setAttribute('border', 0);
    img.setAttribute('class', 'MenuIcon');
    img.setAttribute('src', '/static/icons/' + data[entry].toLowerCase() + '.png');
    ul.appendChild(makeElement('li', makeLink('javascript:showMenu("'+data[entry]+'");', img)))
  }
  menuCurrentSelection = data[0];
}