(function($){
    box.dom(document).ready(function() {
        // and create a circular horizontal carousel
        $('.carousel:eq(0)').each(function(i){
            box.ui('carousel').create({
                element: this,
                horizontal: true,
                display: 1,
                duration: 600,
                circular: true,
                autoplay: 0
            });
        
        
            $(this).hover(
                function(){
                    $(this).toggleClass('hover');
                    box.ui('carousel.'+$(this).getBoxDatas('id')).pauseAutoplay();
                },
                function(){
                    $(this).toggleClass('hover');
                    box.ui('carousel.'+$(this).getBoxDatas('id')).startAutoplay();
            });
        });
    });
})(jQuery);