var Bild = new Array();
Bild[0] = new Image();
Bild[0].src = "./Bilder/leer-a.gif";
Bild[1] = new Image();
Bild[1].src = "./Bilder/moewe.jpg";

var bildbereich;
var zeige = 0;
var Breite = 300;
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 ) {
    bildbereich.style.clip = "rect(0 0 225px 0)";
  }
  if (DOM && bildbereich.firstChild) {
    bildbereich.firstChild.src = Bild[zeige].src;
  }
  BildAufbauen();
}

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

function Inita () {
  bildbereich = getElement("id", "box1a");
  if (DOM && document.createElement && bildbereich.appendChild) {
    var img = document.createElement("img");
    img.setAttribute("src", Bild[0].src);
    bildbereich.appendChild(img);
  }
}