var Bild = new Array();
Bild[0] = new Image(); Bild[0].src="images/4.jpg";
Bild[1] = new Image(); Bild[1].src="images/4-2.jpg";
Bild[2] = new Image(); Bild[2].src="images/4-3.jpg";
Bild[3] = new Image(); Bild[3].src="images/4-4.jpg";
Bild[4] = new Image(); Bild[4].src="images/4-5.jpg";
Bild[5] = new Image(); Bild[5].src="images/4-6.jpg";
Bild[6] = new Image(); Bild[6].src="images/4-7.jpg";
Bild[7] = new Image(); Bild[7].src="images/4-8.jpg";
Bild[8] = new Image(); Bild[8].src="images/4-9.jpg";
Bild[9] = new Image(); Bild[9].src="images/4-10.jpg";
Bild[10] = new Image(); Bild[10].src="images/4-11.jpg";
Bild[11] = new Image(); Bild[11].src="images/4-12.jpg";
Bild[12] = new Image(); Bild[12].src="images/4-13.jpg";
Bild[13] = new Image(); Bild[13].src="images/4-14.jpg";
Bild[14] = new Image(); Bild[14].src="images/4-15.jpg";
Bild[15] = new Image(); Bild[15].src="images/4-16.jpg";
Bild[16] = new Image(); Bild[16].src="images/4-17.jpg";
Bild[17] = new Image(); Bild[17].src="images/4-18.jpg";
Bild[18] = new Image(); Bild[18].src="images/4-19.jpg";
Bild[19] = new Image(); Bild[19].src="images/4-20.jpg";
Bild[20] = new Image(); Bild[20].src="images/4-21.jpg";
Bild[21] = new Image(); Bild[21].src="images/4-22.jpg";

var zeige = 0;
var Breite = 330;
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 || MS)
   getElem("id","Bildbereich",null).style.clip="rect(0 0 330 0)";
 if(DOM && !MS && !OP) {
   var img = document.createElement("img");
   var src = document.createAttribute("src");
   src.nodeValue = Bild[zeige].src;
   img.setAttributeNode(src);
   getElem("id","Bildbereich",null).replaceChild(img, getElem("id","Bildbereich",null).firstChild);
 }
 else if(MS) {
   document.all.Bildbereich.innerHTML = "<img src=\"" + Bild[zeige].src + "\">";
 }
 else if(NS) {
   getElem("index",0,null).visibility = "hide";
   setCont("index",0,null,"<img src=\"" + Bild[zeige].src + "\">");
   getElem("index",0,null).clip.right = 0;
   getElem("index",0,null).visibility = "show";
 }
 BildAufbauen();
}

function BildAufbauen() {
 if(aktuelleBreite <= Breite) {
  if(DOM || MS && !OP)
    getElem("id","Bildbereich",null).style.clip="rect(0 "+ aktuelleBreite +" 330 0)";
  else if(NS)
    getElem("index",0,null).clip.right = aktuelleBreite;
  aktuelleBreite = aktuelleBreite + Schrittweite;
  window.setTimeout("BildAufbauen()", Schrittverzoegerung);
 }
 else {
  aktuelleBreite = 0;
  if(DOM || MS)
    getElem("id","Bildbereich",null).style.clip="rect(0 "+ Breite +" 330 0)";
  else if(document.layers)
    getElem("index",0,null).clip.right = Breite;
 }
}

function SEITE_init() {
 if(DOM && !MS && !OP) {
   img = document.createElement("img");
   var src = document.createAttribute("src");
   src.nodeValue = Bild[0].src;
   img.setAttributeNode(src);
   getElem("id","Bildbereich",null).appendChild(img);
 }
 else if(document.all)
   document.all.Bildbereich.innerHTML = "<img src=\"" + Bild[0].src + "\">";
 else if(NS)
   setCont("index",0,null,"<img src=\"" + Bild[0].src + "\">");
}