var step=8 
var stepbasic=8
var numberofimages=12
var spacebetweenimgs=40
var spacebetweenimgs2=16
var x,y
var flag=0
var xpos=new Array()
for (i=0;i<=8;i++) {
 xpos[i]=-100
}

var ypos=new Array()
for (i=0;i<=numberofimages;i++) {
 ypos[i]=-100
}

function handlerMM(e) {
 x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
 y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
 flag=1
}

function initiatetracker() {
 if (document.all) {
  for (i=0; i<numberofimages; i++) {
      var thisspan=eval("span"+(i)+".style")
   thisspan.posLeft=xpos[i]
   thisspan.posTop=ypos[i]
      thisspan.visibility="visible"
     }
  makesnake()
 }
 if (document.layers) {
  for (i=0; i<numberofimages; i++) {
      var thisspan=eval("document.span"+i)
   thisspan.left=xpos[i]
   thisspan.top=ypos[i]
   thisspan.visibility="visible"
  }

     makesnake()
 }
}

function makesnake() {
 if (flag==1 && document.all) {
     for (i=numberofimages; i>=1; i--)
     {
      if(i>2)
       xpos[i]=xpos[i-1]+spacebetweenimgs2
      else
       xpos[i]=xpos[i-1]+spacebetweenimgs
   ypos[i]=ypos[i-1]
     }
  xpos[0]=x+stepbasic
  ypos[0]=y
 
  for (i=0; i<numberofimages; i++) {
      var thisspan = eval("span"+(i)+".style")
      thisspan.posLeft=xpos[i]
   thisspan.posTop=ypos[i]
     }
 }
 
 else if (flag==1 && document.layers) {
     for (i=numberofimages; i>=1; i--) {
      if(i>2)  
       xpos[i]=xpos[i-1]+spacebetweenimgs2
      else
       xpos[i]=xpos[i-1]+spacebetweenimgs  
   ypos[i]=ypos[i-1]
     }
  xpos[0]=x+stepbasic
  ypos[0]=y
 
  for (i=0; i<numberofimages; i++) {
      var thisspan = eval("document.span"+i)
      thisspan.left=xpos[i]
   thisspan.top=ypos[i]
     }
 }
  var timer=setTimeout("makesnake()",30)
}

if (document.layers){
 document.captureEvents(Event.MOUSEMOVE);
}
// document.onmousemove=handlerMM;
// window.onload=initiatetracker