var $j = jQuery.noConflict();
$j(document).ready(function () {
 
var activeOpacity   = 1.0,
    inactiveOpacity = 0.6,
    fadeTime = 200,
    hoverClass = 'selected',
    $jthumbs = $j('#slidesContainer li');

$jthumbs.not('li:first-child')
    .fadeTo(1, inactiveOpacity)
    .end()
    .filter('li:first-child')
    .addClass(hoverClass);

    $jthumbs.hover(
      function(){ $j(this).fadeTo(fadeTime, activeOpacity); },
      function(){
        if(!$j(this).hasClass(hoverClass)) {
            $j(this).fadeTo(fadeTime, inactiveOpacity);
        }
    });

    $jthumbs.click(function() {
     var click = $j(this), previous;
     if (!click.hasClass(hoverClass)) {
         previous = click.closest('li').find('.' + hoverClass);         
         previous.removeClass(hoverClass).fadeTo(fadeTime, inactiveOpacity);
         click.addClass(hoverClass).fadeTo(fadeTime, activeOpacity);
        $j("#slidesContainer li").unbind("click");

     }
     
    
     
});
   
    
});