horizontal mousemove scroll
<p>Im trying to animate a thumbnail scroller and it animates to the right to the very end but when you animate to the left it misses the first part on the left including the padding which is 5 pixles. So my .scroller div has 5px on left and when scrolling to the left or right should show the end with 5px. I have a web page which shows my thumbnail scroller <a href="http://shopnbuy.vacau.com/" rel="nofollow">here</a> and the sample jsFiddle which works with the padding on left and right is <a href="http://jsfiddle.net/RkbP6/197/" rel="nofollow">here</a> and on my webpage is a jquery control called $.fn.thumbnail_carousel have a look if you want and see what will fix my problem you're time is appreciated thanks KDM</p>

<pre><code>function mousemove(e) {

    var wrapper_width = wrapper.outerWidth(),
        content_width = content.outerWidth();

        //exaggerate MOUSEx
    var exmousex = (e.pageX-100) * 1.3;

        //calculate new left margin 
    var tmp = exmousex * (content_width - wrapper_width) / wrapper_width;

        //LIMITS
    if (tmp &lt; 0) tmp = 0;
    if (tmp &gt; content_width - wrapper_width -5) tmp = content_width - wrapper_width + 10 // + 10 for padding on right;

    content.stop().animate({'left': '-' + tmp + 'px'}, 'fast');
}
</code></pre>
