// JavaScript: Bewegen eines Bildes über den Bildschirm
// Copyright: Patrick Wagner, www.patrickwagner.de
// letzte Aenderung: 02.03.2002
// funktioniert in IE5, begrenzt in NN4, nicht in NN6

// Aufruf: BewegeBild("MeinBild.JPG", 200, 400, 30, 5, -3);
// Parameter: Name des Bildes, linke obere Position in absoluten Koordinaten,
//            Anzahl Schritte, horizontale + vertikale Schrittweite
// Anfangsposition berechnet sich aus AnzahlSchritte und Schrittweiten

var SchrittweiteHor;    // Horizontale Schrittweite
var SchrittweiteVer;    // Vertikale Schrittweite
var AnzahlSchritte;     // Anzahl Schritte, die das Bild bewegt wird
var SchrittCounter;     // interner Zähler bis zu AnzahlSchritte
var Delay = 1;          // Delay in ms beim Bewegen der Teilbilder

document.write("<style>.BereichStyle{position:absolute; visibility:hidden;}</style>");
document.write("<div id='Bereich' class='BereichStyle'>");
document.write("<table cellpadding=0 cellspacing=0 style='border: 0pt; padding:0;'>");
document.write("<tr><td style='border: 0pt; padding:0;'>");
document.write("<img name='BewegtesBild'></td></tr></table></div>");

function BewegeBild(Bildname, BildLeft, BildEndeTop, Anz, Hor, Ver) {
  AnzahlSchritte  = Anz;
  SchrittweiteHor = Hor;
  SchrittweiteVer = Ver;
  BildAnfangLeft  = BildLeft     - AnzahlSchritte * SchrittweiteHor;
  BildAnfangTop   = BildEndeTop  - AnzahlSchritte * SchrittweiteVer;

  SchrittCounter = 1;
  if (document.all) {
    document.all.BewegtesBild.src         = Bildname;
    document.all.Bereich.style.visibility = "visible";
    document.all.Bereich.style.posTop     = BildAnfangTop;
    document.all.Bereich.style.posLeft    = BildAnfangLeft;
    Animation_IE();
  }
  else {
    document.BewegtesBild.src   = Bildname;
    document.Bereich.visibility = "visible";
    document.Bereich.top        = BildAnfangTop;
    document.Bereich.left       = BildAnfangLeft;
    Animation_NN();
  }
}

function Animation_IE() {
  if (SchrittCounter <= AnzahlSchritte) {
    document.all.Bereich.style.posTop  += SchrittweiteVer;
    document.all.Bereich.style.posLeft += SchrittweiteHor;
    SchrittCounter++;
    var aktiv = setTimeout("Animation_IE()", Delay);
  }
  else {
    clearTimeout(aktiv);
  }
}

function Animation_NN() {
  if (SchrittCounter <= AnzahlSchritte) {
    document.Bereich.top  += SchrittweiteVer;
    document.Bereich.left += SchrittweiteHor;
    SchrittCounter++;
    var aktiv = setTimeout("Animation_NN()", Delay);
  }
  else {
    clearTimeout(aktiv);
  }
}