/*var Bild = new Array();
Bild[0] = new Image();
Bild[0].src = "bilderbuch01.gif";
Bild[1] = new Image();
Bild[1].src = "bilderbuch02.gif";
Bild[2] = new Image();
Bild[2].src = "bilderbuch03.gif";
Bild[3] = new Image();
Bild[3].src = "bilderbuch04.gif";
Bild[4] = new Image();
Bild[4].src = "bilderbuch05.gif";*/

var bildbereich;
var zeige = 0;
var Breite = 320;
var aktuelleBreite = 0;
var Schrittweite = 10;
var Schrittverzoegerung = 100;

// neues image objekt erzeugen
function newImage(src) {
	bild = new Image();
	bild.src = imagePath+src;
	return bild;
}

function Blaettern (Richtung) {
  zeige = zeige + Richtung;
  if (zeige > imagesrcArray.length - 1) {
    zeige = 0;
  } else if (zeige < 0) {
    zeige = imagesrcArray.length - 1;
  }
  if (DOM || MSIE4) {
    bildbereich.style.clip = "rect(0 0 240px 0)";
  } else if (NS4) {
    bildbereich.clip.right = 0;
  }
  if (DOM && bildbereich.firstChild) {
    bildbereich.firstChild.src = imagePath + imagesrcArray[zeige];
  } else if (MSIE4) {
    bildbereich.innerHTML = '<img src="' + imagePath + imagesrcArray[zeige] + '">';
  } else if (NS4) {
    bildbereich.visibility = "hide";
    setContent("id", "Bildbereich", null,
      '<img src="' + imagePath + imagesrcArray[zeige] + '">');
    bildbereich.visibility = "show";
  }
  // nŠchstes bild schon vorladen
  nextbild = newImage(imagesrcArray[zeige+Richtung]);
  // jetziges bild aufbauen
  BildAufbauen();
}

function BildAufbauen () {
  if (aktuelleBreite <= Breite) {
    if (DOM || MSIE4) {
      bildbereich.style.clip = "rect(0 " + aktuelleBreite + "px 240px 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 240px 0)";
    } else if (NS4) {
      bildbereich.clip.right = Breite;
    }
  }
}

function initBlaettern() {
  bildbereich = getElement("id", "Bildbereich");
  if (DOM && document.createElement && bildbereich.appendChild) {
    var img = document.createElement("img");
    img.setAttribute("src", imagePath + imagesrcArray[0]);
    bildbereich.appendChild(img);
  } else if (MSIE4) {
    bildbereich.innerHTML = '<img src="' + imagePath + imagesrcArray[0] + '">';
  } else if (NS4) {
    setContent("id", "Bildbereich", null,
      '<img src="' + imagePath + imagesrcArray[0] + '">');
  }
  // nŠchstes bild schon vorladen
  nextbild = newImage(imagesrcArray[1]);
}