jQuery slider with hover navigation and pause - not using plugin
<p>In my later days of writing jQuery as raw as possible, and not having loads of jQuery plugins stacking up and slowing my page down - I'm trying to create my own slider.</p>

<p>I have created a fiddle of how far I have got so far.</p>

<p>My HTML markup is not dynamic - and the slide animate process is positional only.</p>

<p><br /></p>

<p>The complications I'm having is the animations have to fully run before the next animation can begin which makes my animations begin to queue up if you hover the menu lots.</p>

<p>I need an animation to stop half way though if the hover changes, and automatically run to the next animate position. Hope this makes sense, you will see what I mean in the <a href="http://jsfiddle.net/EYDtF/" rel="nofollow">fiddle</a>.</p>

<p>Also, I want the animation to automatically run through each slide and 2000ms - and if the slide itself is hovered, I would like it to pause.</p>

<p>I know I'm pretty much asking for someone to write me a custom slider script, but it would so helpful and intuitive to see how a raw one is written with out a plugin.</p>

<p>I need my slider to be lightweight, hence not generating extra markup. Like all the plugins I've tried just are to heavy and too much. I like plain jquery.</p>

<p><br /></p>

<p>Any help would be sooo appreciated. Thanks</p>

<p><br /></p>

<p>Please see my miniature fiddle example using the latest jQuery.</p>

<p><a href="http://jsfiddle.net/EYDtF/" rel="nofollow">http://jsfiddle.net/EYDtF/</a></p>

<p><img src="http://i.stack.imgur.com/v31k9.png" alt="enter image description here"></p>
