external pagination put multi jcarousel out of sync
<p>Hi I am using Sorgilla jCarousel here, but if you click the pagination it seems fine until you skip from 1 to 3, or 3 to 1, you will see it goes out of sync because there are two of the same colour ( I purposely made 3 colours so I could see there was always 3 to be seen, 1 on the left and 2 on the right).</p>

<p>The core issue seems to be that the left carousel will only ever scroll one image.
<a href="http://hartyinternational.hailstormcommerce.com/" rel="nofollow">http://hartyinternational.hailstormcommerce.com/</a></p>

<pre><code>var carousel_2;
jQuery(document).ready(function() {



var right_carousel_count = jQuery('#right-carousel li').size();

jQuery('#right-carousel').jcarousel({
    start: 1, // Configuration goes here
    wrap: "circular",
    scroll: 1,
    auto:3,
    vertical:true,

    itemFirstInCallback: {
        onBeforeAnimation: function(carousel, item, index, action, c) {
            if (carousel_2) {
                carousel_2[action]();
            }


            //index = (index - 1) % jQuery('#right-carousel li').size();
            index = ((index - 1)) % right_carousel_count;
            index = (index &lt; 0) ? index + right_carousel_count : index;
            jQuery('.jcarousel-pagination a').removeClass('active').addClass('inactive');
            jQuery('.jcarousel-pagination a:eq('+index+')').removeClass('inactive').addClass('active');

            jQuery('.jcarousel-pagination a').bind('click', function() {
                carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr('id'))); 
                return false;
                });     


            }
        }

    });

});

jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
    start: 3, // Configuration goes here
    wrap: "circular",
    scroll: 1,
    auto:3,
    vertical:false,
    buttonNextHTML: null,
    buttonPrevHTML: null,
    initCallback: function(c, carousel, item, index, action) {
    carousel_2 = c;


}
});
});
</code></pre>

<p>Here is a working version, but it doesnt use 2 carousels...
<a href="http://sorgalla.com/projects/jcarousel/examples/static_controls.html" rel="nofollow">http://sorgalla.com/projects/jcarousel/examples/static_controls.html</a></p>

<p>Thanks</p>
