Come bloccare un SetInterval?

[emanueledg]

Ciao,
ho realizzato un semplice marquee a scorrimento verticale con due layer che funziona perfettamente.
Dovrei creare la classica funzione di stop su mouseOver e restart su mouseOut.

<script type="text/javascript">
<!--
window.onload = vscroll();

function vscroll() {
var d = document;
var handle = setInterval(function(){
var container = d.getElementById("container");
var inner = d.getElementById("inner");
var innerPos = (inner.style.top.split("px"))[0];
if (-innerPos == inner.offsetHeight) { inner.style.top = container.style.height; }
else { inner.style.top = (innerPos - 1) + "px"; }
}, 10);
}
//-->
</script> 

I layer HTML sono questi:

<div id="container" style="width: 400px; height: 30px; border: 1px solid #999; overflow: hidden;">
<div id="inner" style="position: relative; top: 0px; background-color: #def;">
testo

prova

testo

prova



</div>
</div>

Ho fatto varie prove passando la variabile handle nella funzione clearInterval() con l'handler onMouseOver, ma senza successo.
Potreste indicarmi una soluzione?