var AnzahlTeile    = 40;  // Maximumwert, aktueller Wert als Paramter
var AnzahlSchritte = 150;  // Maximumwert, aktueller Wert als Paramter
var Schrittweite   = 50;  // Maximumwert, aktueller Wert als Paramter
var TeilDicke = 4;
var Delay = 1;
var xPosNeu, yPosNeu;
var xPosMaus, yPosMaus;
var xStep = new Array();
var yStep = new Array();
var SchrittCounter = 0;
var FarbeCounter = 0;
var Farbtabelle = new Array("blue","red","green","black");

function explodiere(AnzahlTeileIn, AnzahlSchritteIn, SchrittweiteIn) {
  AnzahlTeile    = parseInt(AnzahlTeileIn);
  AnzahlSchritte = parseInt(AnzahlSchritteIn);
  Schrittweite   = parseInt(SchrittweiteIn);
  SchrittCounter = 0;
  xPosNeu = xPosMaus;
  yPosNeu = yPosMaus;
  for (i=0; i<=AnzahlTeile; i++) {
    xStep[i]=Math.ceil(2 * Schrittweite * Math.random()) - Schrittweite;
    yStep[i]=Math.ceil(2 * Schrittweite * Math.random()) - Schrittweite;
  }
  if (document.all) {
    for (i=0; i<=AnzahlTeile; i++) {
      var aktuellerBereich = eval("document.all.Bereich" + i + ".style");
      aktuellerBereich.visibility = "visible";
      aktuellerBereich.posTop     = yPosNeu;
      aktuellerBereich.posLeft    = xPosNeu;
    }
    explodiere_IE();
  }
  if (document.layers) {
    for (i=0; i<=AnzahlTeile; i++) {
      var aktuellerBereich = eval("document.Bereich" + i);
      aktuellerBereich.visibility = "visible";
      aktuellerBereich.top        = yPosNeu;
      aktuellerBereich.left       = xPosNeu;
    }
    explodiere_NN();
  }
}

function explodiere_IE() {
  if (SchrittCounter <= AnzahlSchritte) {
    for (i=0; i<=AnzahlTeile; i++) {
      var aktuellerBereich = eval("document.all.Bereich" + i + ".style");
      aktuellerBereich.posTop  += yStep[i];
      aktuellerBereich.posLeft += xStep[i];
    }
    SchrittCounter++;
    var aktiv = setTimeout("explodiere_IE()", Delay)
  }
  else {
    for (i=0; i<=AnzahlTeile; i++) {
      var aktuellerBereich = eval("document.all.Bereich" + i + ".style");
      aktuellerBereich.visibility = "hidden";
    }
    clearTimeout(aktiv);
  }
}

function explodiere_NN() {
  if (SchrittCounter <= AnzahlSchritte) {
    for (i=0; i<=AnzahlTeile; i++) {
      var aktuellerBereich = eval("document.Bereich" + i);
      aktuellerBereich.top  += yStep[i];
      aktuellerBereich.left += xStep[i];
    }
    SchrittCounter++;
    var aktiv = setTimeout("explodiere_NN()", Delay);
  }
  else {
    for (i=0; i<=AnzahlTeile; i++) {
      var aktuellerBereich = eval("document.Bereich" + i);
      aktuellerBereich.visibility = "hidden";
    }
    clearTimeout(aktiv);
  }
}

function MousemoveHandler(e){
  if (document.all) {
    xPosMaus = document.body.scrollLeft + event.clientX;
    yPosMaus = document.body.scrollTop  + event.clientY;
  }
  else {
    xPosMaus = e.pageX;
    yPosMaus = e.pageY;
   }
}

document.write("<style>.BereichStyle{position:absolute; visibility:hidden;}</style>");
for (i=0; i<=AnzahlTeile; i++) {
  document.write("<div id='Bereich" + i + "' class='BereichStyle'>");
  document.write("<table cellpadding=0 cellspacing=0 style='border: 0pt; padding:0'>");
  document.write("<tr><td style='border: 0pt; padding:0' bgcolor=" + Farbtabelle[FarbeCounter] + ">");
  document.write("<img src='clearpixel.gif' width=" + TeilDicke + "></td></tr></table></div>");
  FarbeCounter++;
  if (FarbeCounter >= Farbtabelle.length) FarbeCounter = 0;
}

if (document.layers){
  document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = MousemoveHandler;