Funktion beenden: Mausverfolger

[Hobbes]

Hallo!
Ich brauche Eure Hilfe. Ich möchte auf meiner Seite so einen Mausverfolger haben. Dieser soll beim Clicken auf Button1 (re-)aktiviert werden(Fkt: beginn() & makesnake()) und beim Clicken auf Button2 deaktiviert werden. Soweit so gut. Das habe ich geschafft. Aber nachdem ich Button2 geclickt habe ist zwar mein Mausverfolger deaktiviert, aber leider bleibt seine letzte Position auf dem Bildschirm sichtbar. Wie kann ich es bewirken, dass mein Bildschirm von diesem Mausverfolger-Standbild befreit wird?

Ich wäre Euch sehr dankbar, wenn Ihr mir helfen könntet!
Danke!
Hobbes

Hier mein Script:

<!--
var stop = 0;
var x,y
var step=20
var flag=0

var message="Mausverfolger"
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
 xpos[i]=-10
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
 ypos[i]=-10
}

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 makesnake() {
  if(stop!=1)
  {
 if (flag==1 && document.all) {
     for (i=message.length-1; i>=1; i--) {
      xpos[i]=xpos[i-1]+step
   ypos[i]=ypos[i-1]
     }
  xpos[0]=x+step
  ypos[0]=y

for (i=0; i<message.length-1; i++) {
      var thisspan = eval("span"+(i)+".style")
      thisspan.posLeft=xpos[i]
   thisspan.posTop=ypos[i]
     }
 }

else if (flag==1 && document.layers) {
     for (i=message.length-1; i>=1; i--) {
      xpos[i]=xpos[i-1]+step
   ypos[i]=ypos[i-1]
     }
  xpos[0]=x+step
  ypos[0]=y

for (i=0; i<message.length-1; i++) {
      var thisspan = eval("document.span"+i)
      thisspan.left=xpos[i]
   thisspan.top=ypos[i]
     }
 }
  var timer=setTimeout("makesnake()",30)
   }

if(stop==1)
  {
   }
}

function end(){
                stop=1;
}

function beginn(){
                stop=0;
}