javascript draggable slider that snaps back to middle position on mouseUp
<p>I would like to implement a jog-dial like behavior in a scrollbar/slider like so:</p>

<p>in the beginning the handle is positioned in the middle of the "scrollbar/slider" area. When you click on the handle and drag it to the left or right (while keeping clicked) some other actions (updating of another area on the page) are performed -- the more the slider is dragged to either the left or right end, the faster. As soon as the mouse button is released, the handle should snap back to the middle of the slider area.</p>

<p>is there anything basically like this available as jquery/ui plugin/component/script that can be utilized and extended for this behavior?</p>

<p>update to clarify:</p>

<p>I already have a slider like so <a href="http://jqueryui.com/demos/slider/" rel="nofollow">http://jqueryui.com/demos/slider/</a></p>

<p>I would like this slider to behave in the following manner:</p>

<ul>
<li>the handle of the slider should start out in the middle/center of the</li>
<li>slider when you click on the handle you can drag it to the left or right (as long as you keep the mouse button pressed)</li>
<li>when you release the mouse button, the handle of the slider should snap back to the starting position (center/middle)</li>
<li>depending on how far and which side the handle is currently, i'd like to scroll other content (that other content is not part of this question)</li>
</ul>

<p>hope this helps explain my intentions and question a bit better.</p>
