<!-- Begin

var no = 90; // number of bubbles
var bubbleimg = "punkt.gif";
var speed = 50;
var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var doc_width = 1200, doc_height = 800;
var i;

xary = new Array();
yary = new Array();

if(ie4up)
{
 doc_width = document.body.clientWidth;
 doc_height = document.body.clientHeight;
}
else if(ns4up) 
{
 doc_width = self.innerWidth;
 doc_height = self.innerHeight;
}

for(i = 0; i < no; i++) 
{
 xary[i] = Math.random() * doc_width;  // set position variables
 yary[i] = Math.random() * doc_height;
 
 if(ie4up)
 {
  if (i == 0)
  {
   document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
   document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
   document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
   document.write(bubbleimg+ "\" border=\"0\"></div>");
  }
  else
  {
   document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
   document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
   document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
   document.write(bubbleimg+ "\" border=\"0\"></div>");
  }
 }
 else if(ns4up)
 {                      // set layers
  if (i == 0)
  {
   document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
   document.write("top=\"15\" visibility=\"show\"><img src=\"");
   document.write(bubbleimg+ "\" border=\"0\"></layer>");
  }
  else
  {
   document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
   document.write("top=\"15\" visibility=\"show\"><img src=\"");
   document.write(bubbleimg+ "\" border=\"0\"></layer>");
  }
 }
}


function Bubbles()
{
 for(i = 0; i < no; ++ i)
 {
  // iterate for every dot
  if(Math.random() < 0.5)
   xary[i] += Math.random() * 3;
  else
   xary[i] += Math.random() * -3;

  yary[i] -= 3;

  if(yary[i] <= 0)
  {
    yary[i] = doc_height;
    xary[i] = Math.random() * doc_width;
  }

  if(ie4up)
  {
   document.all["dot"+i].style.pixelTop = yary[i];
   document.all["dot"+i].style.pixelLeft = xary[i];
  }
  else
  {
   document.layers["dot"+i].top = yary[i];
   document.layers["dot"+i].left = xary[i];
  }
 }
 setTimeout("Bubbles()", speed);
}

Bubbles();

// End -->
