JQuery move to next element not working
<p>i've been working with these for couple days , cant figure out how to make it happen... pls advice</p>

<p><a href="http://jsfiddle.net/kbspot/fjVhY/" rel="nofollow">http://jsfiddle.net/kbspot/fjVhY/</a></p>

<p>all thumbs displayed in Bottom, when a user clicked on thumb a large preview will show ... i got it working</p>

<p>Problem:
Another thing i would like to add is when a user clicked on the large preview, NEXT thumb (bottom panel) will be selected. but it's not working as i wanted, the Next thumb is not selected.</p>

<pre><code>//Click on thumbnail (this is working perfectly)
$(".panel-bottom li").click(function () {
    var $activetab = $('li.active');        
    //$activetab.('IMG').hide();
    $activetab.removeClass('active');       
    $(this).addClass('active');

    //$(this).next().css({'border': '2px solid red'});
});

//Large Preview  click (this is the problem)
$("li.active .container").click(function () {
    //alert($(this).parent().html());
    var $activetab = $(this);       
    var $nexttab = $activetab.next();   

    $(this).removeClass();      
    $nexttab.addClass("active");
});
</code></pre>

<p>sorry, im not sure how to explain it but im sure you get it, hopefully</p>
