codice:
 <link rel="stylesheet" media="screen" href="http://www.nocodestore.com/superheroes/style/popup.css" />
<script type="text/javascript" src="http://www.nocodestore.com/js/jquery.modal.js"></script>
<script type="text/javascript">

 var clicked = false
function mycarousel_itemLastInCallback(carousel, item, idx, state) {
	$("#toolbar li").removeClass("active");
	$("#button_"+idx).addClass("active");
};
function mycarousel_initCallback(carousel) {
	jQuery('#toolbar li a').bind('click', function() {
		carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr("href")));
		 carousel.startAuto(0);		
 clicked = true;		
        return false;
    });
	
	  jQuery('#toolbar li a').hover(function() {
	
        carousel.stopAuto();
    }, function() {
		if (clicked == false) { 
	        carousel.startAuto();
		}
    });
	 
	 
	 
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
       	if (clicked == false) { 
      carousel.startAuto();
		}
    });

};

// Ride the carousel...
jQuery(document).ready(function() {
	//// POPUP
	$('#popup').jqm();
	$('#popup').jqmAddClose('#popup a');
	$('#popup').jqmShow();
	 //FINE POPUP
    jQuery("#content").jcarousel({
		wrap: 'last',
        auto: 2,
		scroll: 1,
        initCallback: mycarousel_initCallback,
		itemLastInCallback: {
			onBeforeAnimation: mycarousel_itemLastInCallback
		},
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
    });
});

</script>