

function mycarousel_initCallback(carousel) {

    jQuery('#next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#prev').bind('click', function() {
        carousel.prev();
        return false;
    });
    
    

        $('.carousel ul li').mouseenter(function(e) {

            $(this).children('a').children('span').fadeIn(300);
        }).mouseleave(function(e) {

            $(this).children('a').children('span').fadeOut(300);
        });
  
    
    
};

// Ride the carousel...
jQuery(document).ready(function() {
    jQuery(".carousel").jcarousel({
        scroll: 5,
        auto: 5,
        initCallback: mycarousel_initCallback,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null,
        wrap: 'last',
        animation: 3000
    });
});
