// JavaScript Document concert -> CD
var Bild = new Array();
Bild[0] = new Image();
Bild[0].src = "/fileadmin/bilder/kopfgrafik/CD.jpg";
Bild[1] = new Image();
Bild[1].src = "/fileadmin/bilder/kopfgrafik/05.jpg";
Bild[2] = new Image();
Bild[2].src = "/fileadmin/bilder/kopfgrafik/Capellmeister2.jpg";
Bild[3] = new Image();
Bild[3].src = "/fileadmin/bilder/kopfgrafik/06.jpg";
Bild[4] = new Image();
Bild[4].src = "/fileadmin/bilder/kopfgrafik/Links.jpg";
Bild[5] = new Image();
Bild[5].src = "/fileadmin/bilder/kopfgrafik/Impressum.jpg";
Bild[6] = new Image();
Bild[6].src = "/fileadmin/bilder/kopfgrafik/02.jpg";
Bild[7] = new Image();
Bild[7].src = "/fileadmin/bilder/kopfgrafik/Capella.jpg";
Bild[8] = new Image();
Bild[8].src = "/fileadmin/bilder/kopfgrafik/03.jpg";
Bild[9] = new Image();
Bild[9].src = "/fileadmin/bilder/kopfgrafik/Projekt.jpg";
Bild[10] = new Image();
Bild[10].src = "/fileadmin/bilder/kopfgrafik/04.jpg";


var bildbereich;
var zeige = 0;
var Breite = 444;
var aktuelleBreite = 0;
var Schrittweite = 6;
var Schrittverzoegerung = 1;

function Blaettern(Richtung) {
  zeige = zeige + Richtung;
  if (zeige > Bild.length - 1) {
    zeige = 0;
  } else if (zeige < 0) {
    zeige = Bild.length - 1;
  }
  if (DOM || MSIE4) {
    bildbereich.style.clip = "rect(0 0 238px 0)";
  } else if (NS4) {
    bildbereich.clip.right = 0;
  }
  if (DOM && bildbereich.firstChild) {
    bildbereich.firstChild.src = Bild[zeige].src;
  } else if (MSIE4) {
    bildbereich.innerHTML = '<img src="' + Bild[zeige].src + '">';
  } else if (NS4) {
    bildbereich.visibility = "hide";
    setContent("id", "Bildbereich", null,
      '<img src="' + Bild[zeige].src + '">');
    bildbereich.visibility = "show";
  }
  BildAufbauen();
}

function BildAufbauen () {
  if (aktuelleBreite <= Breite) {
    if (DOM || MSIE4) {
      bildbereich.style.clip = "rect(0 " + aktuelleBreite + "px 238px 0)";
    } else if (NS4) {
      bildbereich.clip.right = aktuelleBreite;
    }
    aktuelleBreite = aktuelleBreite + Schrittweite;
    window.setTimeout("BildAufbauen()", Schrittverzoegerung);
  } else {
    aktuelleBreite = 0;
    if (DOM || MSIE4) {
      bildbereich.style.clip = "rect(0 " + Breite + "px 238px 0)";
    } else if (NS4) {
      bildbereich.clip.right = Breite;
    }
  }
}

function Init () {
  bildbereich = getElement("id", "Bildbereich");
  if (DOM && document.createElement && bildbereich.appendChild) {
    var img = document.createElement("img");
    img.setAttribute("src", Bild[0].src);
    bildbereich.appendChild(img);
  } else if (MSIE4) {
    bildbereich.innerHTML = '<img src="' + Bild[0].src + '">';
  } else if (NS4) {
    setContent("id", "Bildbereich", null,
      '<img src="' + Bild[0].src + '">');
  }
}