<SCRIPT language="Javascript1.2">
<!--

/*
Fade-away cursor trail (By Dave Collins at davecollin1@excite.com)
Code and technique learned from site SiteExperts.com
Permission granted to Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

var isNS = (navigator.appName == "Netscape");
layerRef = (isNS) ? "document" : "document.all";
styleRef = (isNS) ? "" : ".style";

var queue = new Array();

var NUM_OF_TRAIL_PARTS = 5

for (x=1; x < 6; x++) {
 eval("trailSpriteFrame" + x + " = new Image(28,36);");
 eval("trailSpriteFrame" + x + ".src = 'trailgif" + x + ".gif';");
}

function trailSpriteObj(anID) {
 this.trailSpriteID = "trailSprite" + anID;
 this.imgRef = "trailSprite" + anID + "img";
 this.currentFrame = 1;
 this.animateTrailSprite = animateTrailSprite;
}

function animateTrailSprite() {
 if (this.currentFrame <6 ) {
  if (isNS) {
   eval("document." + this.trailSpriteID +".document['"+ this.imgRef + "'].src  =  trailSpriteFrame" + this.currentFrame + ".src");
  } else {
   eval("document['" + this.imgRef + "'].src  =  trailSpriteFrame" + this.currentFrame + ".src");
  }
  this.currentFrame ++;
 } else {
  eval(layerRef + '.' + this.trailSpriteID +  styleRef + '.visibility = "hidden"');
 } 
}

function processAnim() {
 for(x=0; x < NUM_OF_TRAIL_PARTS; x++)
   queue[x].animateTrailSprite();
}

function processMouse(e) {
 currentObj = shuffleQueue();
 if (isNS) {
  eval("document." + currentObj + ".left = e.pageX - 10 ;");
  eval("document." + currentObj + ".top = e.pageY + 10;");
 } else {
  eval("document.all." + currentObj + ".style.pixelLeft = event.clientX + document.body.scrollLeft - 10 ;");
  eval("document.all." + currentObj + ".style.pixelTop = event.clientY + document.body.scrollTop + 10;");
 }
}

function shuffleQueue() {
 lastItemPos = queue.length - 1;
 lastItem = queue[lastItemPos];
 for (i = lastItemPos; i>0; i--)
  queue[i] = queue[i-1];
 queue[0] = lastItem;
 
 queue[0].currentFrame = 1;
 eval(layerRef + '.' + queue[0].trailSpriteID +  styleRef + '.visibility = "visible"'); 

 return  queue[0].trailSpriteID;
}

function init() {
 
 for(x=0; x<NUM_OF_TRAIL_PARTS; x++)
  queue[x] = new trailSpriteObj(x+1) ;
 
 if (isNS) { document.captureEvents(Event.MOUSEMOVE); }
 document.onmousemove = processMouse;

 setInterval("processAnim();",25);
} 
if (document.all||document.layers)
window.onload = init;

//-->
</SCRIPT>

<DIV id="trailSprite1" style="position: absolute; height:28px; width:36px;z-index: 100">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite1img">
</DIV>
<DIV id="trailSprite2" style="position: absolute; height:28px; width:26px;z-index: 10">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite2img">
</DIV>
<DIV id="trailSprite3" style="position: absolute; height:28px; width:36px;z-index: 10">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite3img">
</DIV>
<DIV id="trailSprite4" style="position: absolute; height:28px; width:36px;z-index: 10">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite4img">
</DIV>
<DIV id="trailSprite5" style="position: absolute; height:28px; width:36px;z-index: 10">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite5img">
</DIV>
<script language="JavaScript1.2">
if (document.all&&window.print)
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
</script>