/***************************************
Multiple mouse trail script
Written by Mark Wilton-Jones, 6/1/2001
****************************************
Feel free to use this script on non-commercial sites. Please leave all comments in.
To use:
You can only use this script once per page.
In the tag, you might want to add the attribute style="overflow-x:hidden;"
Add the following lines just before the tag:
*/
var xcoord = -1000, ycoord = -1000, trailSpeed, xcoordOff, ycoordOff, trailoffsetsx, trailoffsetsy, trlElast, setUpIntr, trlSpeedX = [], trlSpeedY = [];
function setUpInit() {
if( !getRefToDivNest('msTrlDiv'+(numTrails-1)) ) { return; }
window.clearInterval(setUpIntr);
for( var x = 0; x < numTrails; x++ ) {
var divRef = getRefToDivNest('msTrlDiv'+x);
if( divRef.style ) { divRef = divRef.style; }
divRef.top = -1000; //start them out of sight
divRef.left = -1000;
}
setUpIntr = window.setInterval('mvTrDivs();',trailSpeed);
}
function mvTrDivs() {
if( trailFix ) { //fixed speed
trlSpeedX[0] = xcoord; trlSpeedY[0] = ycoord;
for( var x = numTrails - 1; x >= 0; x-- ) {
var divRef = getRefToDivNest('msTrlDiv'+x); if( divRef.style ) { divRef = divRef.style; }
//each one assumes the position that the last one was at at the last interval (plus offsets)
divRef.top = trlSpeedY[x]; divRef.left = trlSpeedX[x];
trlSpeedY[x+1] = parseInt( divRef.top ) + trailoffsetsy;
trlSpeedX[x+1] = parseInt( divRef.left ) + trailoffsetsx;
}
} else { //variable speed
var lastx = xcoord, lasty = ycoord;
for( var x = 0; x < numTrails; x++ ) {
var divRef = getRefToDivNest('msTrlDiv'+x); if( divRef.style ) { divRef = divRef.style; }
//these two complicated lines move each trail one xth of the way towards the one before it
//all of that floor, ceil and > 0 stuff ensures that they end up exactly on top of each other
//the ( trlSpeedY[x] * trlElast ) bit adds on any elasticity
trlSpeedY[x] = ( trlSpeedY[x] * trlElast ) + ( ( lasty - parseInt( divRef.top ) > 0 ) ? Math.ceil( ( lasty - parseInt( divRef.top ) ) / ( x + 1 ) ) : Math.floor( ( lasty - parseInt( divRef.top ) ) / ( x + 1 ) ) );
trlSpeedX[x] = ( trlSpeedX[x] * trlElast ) + ( ( lastx - parseInt( divRef.left ) > 0 ) ? Math.ceil( ( lastx - parseInt( divRef.left ) ) / ( x + 1 ) ) : Math.floor( ( lastx - parseInt( divRef.left ) ) / ( x + 1 ) ) );
divRef.top = parseInt( divRef.top ) + trlSpeedY[x];
divRef.left = parseInt( divRef.left ) + trlSpeedX[x];
lastx = parseInt( divRef.left ) + trailoffsetsx; lasty = parseInt( divRef.top ) + trailoffsetsy;
}
}
}
function getRefToDivNest( divID, oDoc ) {
if( !oDoc ) { oDoc = document; }
if( document.layers ) {
if( oDoc.layers[divID] ) { return oDoc.layers[divID]; } else {
for( var x = 0, y; !y && x < oDoc.layers.length; x++ ) {
y = getRefToDivNest(divID,oDoc.layers[x].document); }
return y; } }
if( document.getElementById ) { return document.getElementById(divID); }
if( document.all ) { return document.all[divID]; }
return document[divID];
}
function msIsMv(e) { if( !e ) { e = window.event; } if( !e || ( typeof( e.pageX ) != 'number' && typeof( e.clientX ) != 'number' ) ) { return; }
if( typeof( e.pageX ) == 'number' ) { xcoord = e.pageX; ycoord = e.pageY; } else {
xcoord = e.clientX; ycoord = e.clientY;
if( !( ( window.navigator.userAgent.indexOf( 'Opera' ) + 1 ) || ( window.ScriptEngine && ScriptEngine().indexOf( 'InScript' ) + 1 ) || window.navigator.vendor == 'KDE' ) ) {
if( document.documentElement && ( document.documentElement.scrollTop || document.documentElement.scrollLeft ) ) {
xcoord += document.documentElement.scrollLeft; ycoord += document.documentElement.scrollTop;
} else if( document.body && ( document.body.scrollTop || document.body.scrollLeft ) ) {
xcoord += document.body.scrollLeft; ycoord += document.body.scrollTop;
} } } xcoord += xcoordOff; ycoord += ycoordOff;
}
function createMouseTrail(numT,spdT,conT,msOfX,msOfY,tOffX,tOffY,elAs,isFix,trSty) {
trailSpeed = spdT; xcoordOff = msOfX; ycoordOff = msOfY; trailoffsetsx = tOffX; trailoffsetsy = tOffY; trlElast = elAs; trailFix = isFix;
//strictly speaking, styles should be inline or in the document head; I would use inline but NS4 has a bug
document.write('');
if( numT < 1 ) { numTrails = conT.length; window.isNoLen = conT; } else { numTrails = numT; }
for( var x = 0; x < numTrails; x++ ) {
trlSpeedX[x] = 0; trlSpeedY[x] = 0;
if( window.isNoLen ) { conT = window.isNoLen.charAt( x ); } //split trails
if( document.layers ) { //releave NS4 bug
document.write(''+conT+'');
} else {
document.write(''+conT+'
');
}
}
if(document.captureEvents) { if(Event.MOUSEMOVE) { document.captureEvents(Event.MOUSEMOVE); } }
document.onmousemove = msIsMv;
setUpIntr = window.setInterval('setUpInit();',100);
}