window.addEvent("domready", function() {
  var uhr = new Uhr();
  var tbody = new Element("tbody");
  for(var i = 0; i < 6; i++) {
    var tr = new Element("tr");
    for(var j = 0; j < 3; j++) {
      tr.adopt(new Element("td"));
    }
    tbody.adopt(tr);
  }
  tbody. replaces($("uhr").getElement("tbody"));
  
  uhr.addEvent("tick", function() {
    tbody.getChildren().each(function(tr, i) {
      tr.getChildren().each(function(td, j) {
          td.setStyle("background-image", "url(images/"+(uhr.time[j][i] ? "on" : "off")+".png)");
      });
    });
  });
  
  $("showUhr").addEvent("click", function(e) {
    if($("uhrHolder").getStyle("display") == "none") {
      $("uhrHolder").setStyle("opacity", 0);
      $("uhrHolder").setStyle("display", "block");
    }
    e.target.setStyle("color", ((e.target.getStyle("color") == "#5566a4") ? "#a3558d" : "#5566a4"));
    $("uhrHolder").fade();
  });
  
  $("showHanoi").addEvent("click", function(e) {
    if($("hanoiHolder").getStyle("display") == "none") {
      $("hanoiHolder").setStyle("opacity", 0);
      $("hanoiHolder").setStyle("display", "block");
    }
    e.target.setStyle("color", ((e.target.getStyle("color") == "#5566a4") ? "#a3558d" : "#5566a4"));
    $("hanoiHolder").fade();
  });
  
  $("showImpressum").addEvent("click", function(e) {
    if($("impressumHolder").getStyle("display") == "none") {
      $("impressumHolder").setStyle("opacity", 0);
      $("impressumHolder").setStyle("display", "block");
    }
    e.target.setStyle("color", ((e.target.getStyle("color") == "#5566a4") ? "#a3558d" : "#5566a4"));
    $("impressumHolder").fade();
  });
  
  $("showSchutz").addEvent("click", function(e) {
    if($("schutzHolder").getStyle("display") == "none") {
      $("schutzHolder").setStyle("opacity", 0);
      $("schutzHolder").setStyle("display", "block");
    }
    e.target.setStyle("color", ((e.target.getStyle("color") == "#5566a4") ? "#a3558d" : "#5566a4"));
    $("schutzHolder").fade();
  });
});