Trigger code when hovering within a certain distance of a div
<p>I've been wracking my brains over this.</p>

<p>I want to trigger some code when hovering within distance a div e.g. I want to write something like...</p>

<pre><code>$("div").hoverwithin100px(function() {...
</code></pre>

<p>Look at my site for an idea of what I'm trying to achieve...</p>

<p><a href="http://www.jaygeorge.co.uk/gwennan-sage/showreel/" rel="nofollow">http://www.jaygeorge.co.uk/gwennan-sage/showreel/</a></p>

<p>I have a "dim the lights' effect that runs on the current video that's being hovered over, but the second you move your mouse outside of the div the effect is disabled. I want to expand the hover field but still use the (this) selector so that I can hide videos that aren't being played.</p>
