Ciao a tutti.
Ho un'animazione scritta in Jquery. In un div alto 600px devo far scorrere una scritta dall'alto verso il basso.

codice:
function animation()  {
$('#animazione').animate({'top':'180px'},1600, function() {
$('#animazione').delay(4000).animate({'top':'700px'},1600, function() {
$('#animazione').css("top","-220px");
});
});
}

y = window.setInterval("animation()", 8000);
Come si capisce facilmente dal codice ogni 8 secondi parte la mia animazione: la scritta contenuta nel div #animazione scorre dal bordo superiore del contenitore verso il basso, si ferma 4 secondi al centro e poi continua a scorrere scomparendo dal bordo inferiore.
Tutto funziona benissimo.
Vorrei a questo punto inserire un controllino che consenta all'utente di fermare (al mouseover sul controllino, per esempio) l'animazione per tutto il tempo che desidera ed avere quindi la possibilità di leggere la scritta per un tempo maggiore dei 4 secondi assicurati dall'istruzione ".delay(4000)".
Non mi viene proprio in mente una possibile soluzione, forse dovrei riscrivere la funzione in un altro modo...
Qualche idea?
Saluti a tutti