
<!--
 var dombrowser = document.getElementById;
  var tropfen = 44;  // Anzahl der "Tropfen"
  var breite = 18;  // Breite der "Tropfen" in Pixel
  var sekunde = 5;  // Funktionsaufruf / Sekunde
  var verzug = 0;  // Startverzug in Sekunden
  var farbe = new Array('#7F1D29', '#80AC6F', '#A65B3C', '#00452E', '#868562', '#769972');  // Farben, die vorkommen (v.l.)


  var farben = new Array();
  var vorkommen = 5;  // Hier angeben, wie oft die oben genannten Farben vorkommen
  for ( var j = 0; j < (vorkommen * farbe.length); j += vorkommen )
  {
    for ( var k = 0; k < vorkommen; k++ )
    {
      farben[j + k] = farbe[j / vorkommen];
    }
  }
  var belegt = new Array();
  var fade = farben.length;
  tropfen += fade;

  document.write('<style type="text/css">');
  document.write('.regen_div {');
  document.write('  width: ' + breite + 'px;');
  document.write('  height: ' + breite + 'px;');
  document.write('  left: -256px;');
  document.write('  top: -256px;');

  document.write('  background-color: lightblue;');
  document.write('  border: 1px solid #0080FF;');
  document.write('  font-size: 2px;');
  document.write('  line-height: 2px;');
  document.write('  position: absolute;');
  document.write('}');
  document.write('body {');
  document.write('    background-color: #000000;');
  document.write('}');
  document.write('</style>');

  if (dombrowser)  // --> moderne Browser
  {
    for ( var i = 0; i < tropfen; i++ )
    {
      document.write('<div id="tropfen_' + i + '" class="regen_div"></div>');
    }
  }

  else  // --> alter Netscape 
  {
    for ( var i = 0; i < tropfen; i++ )
    {
      document.write('<layer id="tropfen_' + i + '" class="regen_div"></layer>');
    }
  }

  // ================ Hier hört der statische Teil auf! ================ \\

  function dec2hex (zahl)
  {
    zahl = parseInt(zahl);
    var hex = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "A", "B", "C", "D", "E", "F");
    var hex2 = new Array("00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "A0", "B0", "C0", "D0", "E0", "F0");
    if (zahl < 16)  { return hex2[zahl]; }
    else
    {
      var kopie = zahl;
      for (var i = zahl; i > (zahl-17); i--)
      {
        if (i %16 == 0)  { return (hex[i/16] + "" + hex[(kopie-i) % 16]) }
      }
    }
  }

  function border (k)  // Zeichnet die verschiedenfarbigen Rahmen der "Tropfen"
  {
    var hex = farben[k].substring(1, 7).toLowerCase();
    if (hex != 'ffffff')
    {
      var hexadezimaleZahlen = '0123456789abcdef';
        var rot1 = hexadezimaleZahlen.indexOf( '' + hex.substring(0, 1) );
        var rot2 = hexadezimaleZahlen.indexOf( '' + hex.substring(1, 2) );
      var rot = rot1 * 16 + rot2;
        var gruen1 = hexadezimaleZahlen.indexOf( '' + hex.substring(2, 3) );
        var gruen2 = hexadezimaleZahlen.indexOf( '' + hex.substring(3, 4) );
      var gruen= gruen1 * 16 + gruen2;
        var blau1 = hexadezimaleZahlen.indexOf( '' + hex.substring(4, 5) );
        var blau2 = hexadezimaleZahlen.indexOf( '' + hex.substring(5, 6) );
      var blau = blau1 * 16 + blau2;

      var dunkelfaktor = 25;
      if (rot > dunkelfaktor)  { rot = (rot - dunkelfaktor) + '' }  else  { rot = 0 + ''; }
      if (rot.length < 2)  { rot = '0' + rot } else  { rot = rot; }
      if (gruen > dunkelfaktor)  { gruen = (gruen - dunkelfaktor) + '' }  else  { gruen = 0 + ''; }
      if (gruen.length < 2)  { gruen = '0' + gruen } else  { gruen = gruen; }
      if (blau > dunkelfaktor)  { blau = (blau - dunkelfaktor) + '' }  else  { blau = 0 + ''; }
      if (blau.length < 2)  { blau = '0' + blau } else  { blau = blau; }

      return ( '1px solid #' + dec2hex(rot) + '' + dec2hex(gruen) + '' + dec2hex(blau) );
    }

    else
    {
      return '0';
    }
  }

  function regne ()  // Bewegt die einzelnen "Tropfen" an zufällige Positionen
  {
    fade++;
    if ( fade > (tropfen - 1) )  { fade = farben.length; }
    var screenHoehe = screen.height;
    var screenBreite = screen.width;

    var x = parseInt( Math.random() * (screen.height - 100) );
    var y = parseInt( Math.random() * (screen.width - 100) );

    document.getElementById('tropfen_' + fade).style.top = x+"px";
    document.getElementById('tropfen_' + fade).style.left = y+"px";

    for ( var k = 0; k < farben.length; k++ )
    {
      document.getElementById( 'tropfen_' + (fade - k) ).style.backgroundColor = farben[k];
      var rahmen = border(k);
      if ( parseInt(rahmen) != 0 )  { document.getElementById( 'tropfen_' + (fade - k) ).style.border = rahmen; }
      else  { document.getElementById( 'tropfen_' + (fade - k) ).style.left = -256; document.getElementById( 'tropfen_' + (fade - k) ).style.top = -256; }
    }

    if (sekunde != 0)  { window.setTimeout( "regne()", parseInt(1000 / sekunde) ); }
    else  { regne(); }
  }

  window.setTimeout("regne()", verzug * 1000);
//-->

