I cant figure out for the life of me why the 2nd click the click next button does not trigger roate.

both $slideNumber will have a value of 1 2 3 or 4, and i have used alert to let me know that this is the case.

its basically not triggering the rotate(); in the 2nd one

the click numbers one works perfectly;

```
//Paging + Slider Function
rotate = function () {

    var triggerID = $slideNumber - 1; //Get number of times to slide
    var image_reelPosition = triggerID * divWidth; //Determines the distance the image reel needs to slide

    //Slider Animation
    $(".image_reel").animate({
        left: -image_reelPosition
    }, 500);
};

//click on numbers (this one works)
$(".paging a").click(function () {
    $active = $(this); //Activate the clicked paging
    $slideNumber = $active.attr("rel");
    rotate(); //Trigger rotation immediately
    return false; //Prevent browser jump to link anchor
});

//click on next button (this one does not work)
$('#next').click(function () {
    var left_indent = parseInt($('.image_reel').css('left')) - divWidth;
    var slideNumberOn = (left_indent / divWidth);
    var slideNumber = ((slideNumberOn * -1) + 1);
    $slideNumber = slideNumber;
    rotate(); //Trigger rotation immediately
    return false; //Prevent browser jump to link anchor
});

```

HTML:

```
<div class="paging">
                <a href="#" rel="1">one</a>
                <a href="#" rel="2">two</a>
                <a href="#" rel="3">three</a>
                <a href="#" rel="4">for</a>
            </div>

            <div class="nav">
                <a id="prev" class="active" href="#">prev</a>
                <a id="next" class="active" href="#">next</a>
            </div>

```