image shake on mouse over
<p>I'm trying to make a image shake on mouse over, I got it to shake but it seems to shake constantly rather then on mouseover.</p>

<p>vibrate.js (uses the vibrate plugin <a href="http://andreaslagerkvist.com/jquery/vibrate/" rel="nofollow">http://andreaslagerkvist.com/jquery/vibrate/</a> )</p>

<pre><code>jQuery(document).ready(function() {

    jQuery(".bottles").mouseover( function() {

        // configurations for the buzzing effect. Be careful not to make it too annoying!
        var conf = {
                frequency: 6000,
                spread: 7,
                duration: 700
            };

        // this is the call we make when the AJAX callback function indicates a login failure 
        jQuery(this).vibrate(conf);
    });

});
</code></pre>

<p>html</p>

<pre><code>&lt;div id="bottle"&gt;
&lt;img class="bottles" src="/images/_garlic.png"&gt;
&lt;/div&gt;
</code></pre>

<p>How would I stop that function from shaking?</p>
