colours=new Array('#00FA9A', '#F5FFFA', '#00FF7F', '#00EE76', '#00CD66', '#008B45', '#3CB371', '#54FF9F', '#4EEE94', '#43CD80', '#2E8B57', '#00C957', '#BDFCC9', '#3D9140', '#F0FFF0', '#E0EEE0', '#C1CDC1', '#838B83', '#8FBC8F', '#C1FFC1', '#B4EEB4', '#9BCD9B', '#698B69', '#98FB98', '#9AFF9A', '#90EE90', '#7CCD7C', '#548B54', '#32CD32', '#228B22', '#00FF00', '#00EE00', '#00CD00', '#008B00', '#008000', '#006400', '#308014', '#7CFC00', '#7FFF00', '#76EE00', '#66CD00', '#458B00', '#ADFF2F', '#CAFF70', '#BCEE68', '#A2CD5A', '#6E8B3D', '#556B2F', '#6B8E23', '#C0FF3E', '#B3EE3A', '#9ACD32');
var dotz=25;
var dc=0;
var dotc=0;

for (i=0;i<dotz;i++)
document.write('<div class="dot" id="dot'+i+'"></div>');


window.onload=cleanup;
document.onmousemove=animate;



var headID = document.getElementsByTagName("head")[0];         
var cssNode = document.createElement('link');
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.href = '/new/dots.css';
cssNode.media = 'screen';
headID.appendChild(cssNode);





function animate(ev){
//if (document.getElementById("dot"+(dotz-1))==null) return;
  if (!ev) ev = window.event; // microsoft compatibility
 var scrollY = 0;
  if( document.documentElement && document.documentElement.scrollTop ) {
    scrollY = document.documentElement.scrollTop;
  }
  else if( document.body && document.body.scrollTop ) {
    scrollY = document.body.scrollTop;
  }
  else if( window.pageYOffset ) {
    scrollY = window.pageYOffset;
  }
  else if( window.scrollY ) {
    scrollY = window.scrollY;
  }

 x=ev.clientX;
 y=ev.clientY+scrollY;
 mydot=document.getElementById("dot"+dotc).style;
 
 mydot.left=x+"px";
 mydot.top=y+"px";
mydot.backgroundColor=colours[Math.floor(Math.random()*colours.length)];
 dotc=(dotc+1)%dotz;
 
return false;
}


function cleanup()
{
//if (document.getElementById("dot"+(dotz-1))==null) return;
 dotc=(dotc+1)%dotz;
 mydot=document.getElementById("dot"+dotc).style;
 mydot.backgroundColor="transparent";
 setTimeout("cleanup()",10);
 return false;

}