JavaScript Animation: Arrow Trailer

JavaScript Animation: Arrow Trailer
Surpise your visitors with this unique cursor-cursor-cursor-cursor-cursor-trailer. This fun JavaSvcript requires no configuration. IE 5x/6x/7x/8x, FF 2x/3x/4x, Opera 7x/8x/9x/10x, Chrome 3x/4x.

Brought to you by www.fabulant.com

Test the script
Just move your mouse over this page to test Arrow Trailer.

Installation
Step 1: Download this arrow-image

and put it into the same folder as your webpage. Do not change the name.

Step 2: Open your webpage. Paste the following code right above the </body> tag (almost at the bottom of the webpage):

// IMPORTANT: 
// If you add this script to a script-library or script-archive 
// you have to add a link to http://www.fabulant.com on the webpage 
// where this script will be running.

var step=8 
var stepbasic=0
var numberofimages=8
var spacebetweenimgs=0
var differencex=-6
var differencey=-4
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.all) ? e.pageX : document.body.scrollLeft+event.clientX
	y = (!document.all) ? e.pageY : document.body.scrollTop+event.clientY
	flag=1
}

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

document.onmousemove=handlerMM;
window.onload=initiatetracker;
</script>

IMPORTANT: Do not paste this code into tables cells nor between <DIV> and </DIV> tags nor between any other container tags!