destroying pagination relationship with carousel and initiating with new carousel when switching from one to another
<p>I've created a tabbed nav that displays an appropriate carousel. What I'm finding is that when I click the second grid tab and use the carousel pagination I'm actually controlling both the carousels? Can anyone advise on how I can reinitiate the pagination to only control the appropriate carousel?</p>

<p>I'm guessing that when I run the carousel init script my pagination is then bound to the 2 carousels but Im sure how I can destroy the relationship with the first carousel and reinitate for the second.</p>

<p><strong>JS Fiddle:</strong> <a href="http://jsfiddle.net/bJbz5/3/" rel="nofollow">http://jsfiddle.net/bJbz5/3/</a></p>

<p>I'm no sure what JS to show you but here is a snippet</p>

<pre><code>links.on('click', function(e) {
            e.preventDefault();

            var dt = $(this).data('grid');
            slides.fadeOut(function() {
                slides.css('left', 0);
                $('#'+dt).fadeIn(function(){
                    self.init(dt);
                });
            });
        });
</code></pre>

<p>If anyone can also advise how I can make some of the script better that would be great :)</p>
