Jcarousel Active class
<p>There are other posts on this, but mine is set up slightly differently and I can't quite figure out the last step.</p>

<p>This is my Jquery for the Jcarousel slider:</p>

<pre><code>function mycarousel_initCallback(carousel) {
jQuery('.jcarousel-control a').bind('click', function() {
    carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr("id")));
    return false;
});

jQuery('#mycarousel-next').bind('click', function() {
    carousel.next();
    carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
    return false;
});

jQuery('#mycarousel-prev').bind('click', function() {
    carousel.prev();
    carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
    return false;
});

jQuery('#offerings li a').bind('click', function() {
    var index = $(this).attr("id").split("_");
    carousel.scroll(jQuery.jcarousel.intval(index[1]));
    //carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
    $("#offerings li a").removeClass("active"); //Remove any "active" class
    $(this).addClass("active");
    return false;
});
};
</code></pre>

<p>This works great for adding an active class when you click on a link in the external control (#offerings), but when you use the prev and next buttons, it does not update the menu active class.</p>

<p>Any help appreciated :)</p>
