custom made j-query image slider not working
<p>I have a code for jquery custom image slider:
here is the code:</p>

<pre><code>$('.image-scroll-left-btn,.image-scroll-right-btn').live('click',function(){
        var container_div = $(this).parent().parent().find('.image-scroll-container');
        var scroll_div = container_div.children('div');
        var left=parseInt(scroll_div.css('left'));
        var container_width=container_div.width();
        var scroll_width=scroll_div.width();

        if($(this).hasClass('image-scroll-left-btn'))
        {
            if(left &lt; 0)
            {
                scroll_div.animate({left:'+=100'});
            }
        }
        else
        {
            if(left+scroll_width&gt;container_width)
            {
                scroll_div.animate({left:'-=100'});
            }
        }
    });
</code></pre>

<p>the value for <code>container_width =1000px,scroll_width=1711;</code>
the problem is that when I click on the right button the the image slider has finished but it still moves to the right and same thing happens when I click on the left button.
<br/>
its very urgent..anybody can help me out to solve this problem..thanx in advance..</p>
