how to put limits on marginleft jquery
<p>How would I put limits on this slider.</p>

<p>I want to limit leftarrow to margin-left:0;
And right arrow to margin:-left:-500px;</p>

<p>would this be hard to do?</p>

<p>Any help appreciated.</p>

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

<pre><code>//other category page, navigate through cats
    $(document).ready(function() {

        $('#otherleftarrow').click(function() {
            $('#othermenu ul').animate({marginLeft: '-=100px'}, 200);
            return false; // prevent default click action from happening!
        });

        $('#otherrighttarrow').click(function() {
            $('#othermenu ul').animate({marginLeft: '+=100px'}, 200);
            return false;
        });

    });
</code></pre>
