Jquery scrollLeft hover
<p>How do i alter the code below so that the div scroll's left continously on hover?  At the moment i have it at <code>120px</code>, which causes me having to keep putting my mouse over the next-button again everytime the scrolling stops.  I want the div to scrollLeft at a slow speed if the mouse is over the next-button. Here is the JSfiddle</p>

<p><a href="http://jsfiddle.net/mdanz/nCCRy/14/" rel="nofollow">http://jsfiddle.net/mdanz/nCCRy/14/</a></p>

<pre><code>$(function() {

$('#next-button').hover(function() {
    $('#display-container').animate({
        'scrollLeft': '+=120px'
    }, '500');
});
</code></pre>

<p>});</p>
