jQuery Hover Random Element
<p>I need to set up a function that hovers and "de-hovers" on a random element in a class every 5 seconds. Thus far I have the <code>onhover</code> working with the following:</p>

<pre><code>jQuery.fn.random = function() {
    var randomIndex = Math.floor(Math.random() * 56);  
    return jQuery(this[randomIndex]);
};
var timer = window.setInterval(function () {$('.graphic-container img').random().mouseover();}, 5000);
</code></pre>

<p>There are 56 fixed elements in the class, thus the " * 56"</p>

<p>For the life of me I can't figure out how to get the <code>mouseout</code> event working on that random element? This must happen before the next random element is hovered on. </p>

<p>Any help would be much appreciated!</p>
