onmouseover / onmouseout banner
<p>i'm trying to make an arc scrolling banner ( as if few icons was scrolling around a sphere) with ".circulate" . </p>

<p>I successfully did it but now i would like to do an onmouseover/onmouseout event that stop the animation when the mouse is over it</p>

<pre><code>html:

&lt;div id="sphere-area" &gt;
&lt;img src="a.png" alt="ball" id="orange-ball" /&gt;
alt="" /&gt;
&lt;/div&gt;



Js:

function startBallOne() {
    $("#orange-ball").circulate({
        speed: 4000,
        height: 100,
        width: -880,
        sizeAdjustment: 40,
        loop: true,
        zIndexValues: [1, 1, 3, 3]
    });
}
</code></pre>

<p>I tried something like </p>

<pre><code>$("#orange-ball").mouseout(circulate(...
</code></pre>

<p>but it doesnt work..</p>

<p>Any ideas please?
TIA</p>