[jQuery] [ScrollTo] animation only when mouseover

[jQuery] [ScrollTo] animation only when mouseover


Hi there,
I'm trying to use scrollTo in oder to scroll vertically a div. I want
to use 2 anchors, one to go up and the other to go down and I need
that the effect works ONLY when the mouse is over the anchor (when I
move it out the animation has to stop).
How can I achieve so?
For instance the code below scrolls correctly down but it doesn't stop
until the end even if I move out the mouse.
    $('#down_button').mouseover(function(){
                $('#text').scrollTo('100%', {axis:'y', duration: 5000});
    }).mouseout(function(){ });
THANKS
Sig