<!-- // JavaScript-Bereich für ältere Browser auskommentieren
// Funktion öffnet ein JavaScript Bilder PopUp
// Der erste Parameter enthält die URL des anzuzeigenden Bildes
// Die beiden optionalen Parameter left und top geben absolute
// Koordinaten zur Darstellung des DIV-Elements vor. (linke, obere Ecke)
// Sie können als Strings samt Einheit (px, em, ...) angegeben werden.
function open_bilder_popup (url, left, top) {
  // Bild schon mal in einem Image-Objekt laden
  var bild = new Image ();
  bild.src = url;
  // Existiert schon ein Bilder PopUp?
  if (document.getElementById ('bilder_popup') &&
      document.getElementById ('bilder_popup_img'))
    // Dann soll dieses PopUp verwendet werden
    document.getElementById ('bilder_popup_img').src = url;
  else {
    // DIV-Element erzeugen und per Style entsprechend formatieren
    var popup = document.createElement ('div');
    popup.id = 'bilder_popup';
    // Positionierung des DIV-Elements
    // Wurden Angabe zur Positionierung gemacht?
    if (!left && !top) {
      // Es wurde keine Position angegeben!
      // Position wird auf vorgegebene Werte gesetzt
      // Beachten Sie: Fixed funktioniert beim IE erst ab Version 7
      // Alternativ kann die Positionierung
      popup.style.position = 'fixed';
      popup.style.left = '500px';
      popup.style.top = '100px';
    }
    else {
      // Position wird in absoluten Koordinaten gesetzt
      popup.style.position = 'absolute';
      popup.style.left = left;
      popup.style.top = top;
    }
    popup.style.backgroundColor = 'black';
    popup.style.padding = '0em 1em 1em 1em';
    popup.style.border = '1px solid black';
    // Link zum Schließen des PopUps einfügen
    var close = document.createElement ('a');
    close.appendChild (document.createTextNode ('schliessen X'));
    close.href = 'javascript:close_bilder_popup ()';
    close.style.textAlign = 'right';
    close.style.display = 'block';
    popup.appendChild (close);
    // Jetzt folgt das eigentliche Bild in einem IMG-Tag
    var img = document.createElement ('img');
    img.id = 'bilder_popup_img';
    img.src = bild.src;
    popup.appendChild (img);
    // Und zum Schluß das DIV-Element in das HTML-Dokument einfügen
    document.getElementsByTagName ('body')[0].appendChild (popup);
  }
}

// Funktion zum Schließen eines zuvor geöffneten PopUp-Fensters
function close_bilder_popup () {
  // Verweis auf ein HTML-Element mit der ID bilder_popup ermitteln.
  var popup = document.getElementById ('bilder_popup');
  // Existiert überhaupt ein Element mit der ID bilder_popup?
  if (popup)
    // Dann kann dieses Element aus dem HTML-Dokumentenbaum
    // gelöscht werden.
    document.getElementsByTagName ('body')[0].removeChild (popup);
}
// -->