var yBase = window.innerHeight/2;
var xBase = window.innerWidth/2;
var xpos = 50;
var ypos = 50;
var msie = (navigator.appName == "Microsoft Internet Explorer");
var delay = 15;
var yAmpl = 3;
var yMax = 8;
var step = .3;
var ystep = .3;
var currStep = 0;
var tAmpl=1;
var Xpos = 50;
var Ypos = 50;
var j = 0;
var BH, BW;

function getLayer (name) {
  var obj;

  if (!msie) {
    obj = document.layers[name];
    obj.style = obj;
  }
  else {
    obj = document.all[name];
  } 

  return obj;
}

function MoveHandler (e) {
  if (e == null)
    e = window.event;

  if (!msie) {
    Xpos = e.pageX;
    Ypos = e.pageY;
  } else {
    Xpos = document.body.scrollLeft + e.clientX;
    Ypos = document.body.scrollTop + e.clientY;
  }
}

function draw () {
  yBase = BH/4;
  xBase = BW/4;    
  for (j = 0; j < 6; j++) {
     var name = "b" + (j + 1);
     var lay = getLayer (name);
	
     lay.style.top = Ypos + Math.cos((20*Math.sin(currStep/(30+j)))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*55)/10);
     lay.style.left = Xpos + Math.sin((20*Math.sin(currStep/30))+j*70)*xBase*(Math.sin(10+currStep/(10+j))+0.2)*Math.cos((currStep + j*55)/10);
  }
  currStep += step;
  t_interval = setTimeout("draw()", 5) ;
}

function init () {
  if (!msie) {
    window.captureEvents (Event.MOUSEMOVE);
    window.onmousemove = MoveHandler;
    BH = self.innerHeight;
    BW = self.innerWidth;
  }
  else {
    BH = document.body.clientHeight;
    BW = document.body.clientWidth;    
    document.onmousemove = MoveHandler;
  }
  draw ();
}

function stop () {
  clearTimeout (t_interval);
}