Image trails script in Firefox

[KeredDrahcir]

I have been given a script that will make the cursor work a bit like a comet, however the code deosn't work in Firefox. It has coditional statements which apply only to IE or NS.
I've tried the remove the IE conditions so that it runs that part of the code reguardless of the browser but it still doesn't work. I was wondering if someone could have a look at the code, and tell me what to do to it to make it work across multiple borwsers but mainly in Firefox.

<script language="JavaScript">

//Comment trail script- By Kurt (kurt.grigg@virgin.net)
//Script featured on Dynamic Drive
//Visit http://www.dynamicdrive.com for this script and more

colours=new Array('#ff0000','#00ff00','#ffffff','#ff00ff','#ffa500','#ffff00','#00ff00','#ffffff','ff00ff')
n = 10;
y = 0;
x = 0;
n6=(document.getElementById&&!document.all);
ns=(document.layers);
ie=(document.all);
d=(ns||ie)?'document.':'document.getElementById("';
a=(ns||n6)?'':'all.';
n6r=(n6)?'")':'';
s=(ns)?'':'.style';
if (ns){
for (i = 0; i < n; i++)
document.write('<layer name="dots'+i+'" top=0 left=0 width='+i/2+' height='+i/2+' bgcolor=#ff0000></layer>');
}
if (ie)
document.write('<div id="con" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
if (ie||n6){
for (i = 0; i < n; i++)
document.write('<div id="dots'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#ff0000;font-size:'+i/2+'"></div>');
}
if (ie)
document.write('</div></div>');
(ns||n6)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
y = (ns||n6)?evnt.pageY+4 - window.pageYOffset:event.y+4;
x = (ns||n6)?evnt.pageX+1:event.x+1;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function animate(){
o=(ns||n6)?window.pageYOffset:0;
if (ie)con.style.top=document.body.scrollTop;
for (i = 0; i < n; i++){
var temp1 = eval(d+a+"dots"+i+n6r+s);

randcolours = colours[Math.floor(Math.random()*colours.length)];
(ns)?temp1.bgColor = randcolours:temp1.background = randcolours; 
if (i < n-1){
 var temp2 = eval(d+a+"dots"+(i+1)+n6r+s);
 temp1.top = parseInt(temp2.top);
 temp1.left = parseInt(temp2.left);
 } 
else{
 temp1.top = y+o;
 temp1.left = x;
 }
}
setTimeout("animate()",10);
}
animate();
// -->
</script>

Any help would be much appriciated.

[acoder]

That code looks ancient!

First of all, get rid of all the NS code (unless you want to support NS4 for some very strange, unfathomable reason).

Then make the code access elements using document.getEle mentById().

Look at the common events code for cross-browser compatibility which should be easy enough to integrate.

Add units to top/left, e.g. "px".

That should point you in the right direction. Also, check the error console to see what else needs fixing.

Alternatively, scrap it altogether and find a modern script that's written using document.getEle mentById() as standard.

[KeredDrahcir]

Thanks. I'll give that a go. I have noticed to age of the code. I'll let you know how I get on.