$(document).ready(function() {
    //$(".roundabout-in-focus a").fancybox();

    $('.blockRoundabout').each(function(index, block) {
        var interval_id;
        var myRoundabout = $('ul.myRoundabout', block);
        myRoundabout.roundabout({
            startingChild: 0,
            reflect: 1,
            minOpacity: 1,
            minScale: 0.65,
            shape: 'lazySusan'
        }).hover(
            function() {
                clearInterval(interval_id);
            },
            function() {
                interval_id = startAutoPlay()
            }
        );

        interval_id = startAutoPlay();

        $('.roundabout-arrow-right', block).bind('click', function() {
            var roundabout_id = $(this).attr('rel');
            clearInterval(interval_id);
            $('#' + roundabout_id).roundabout_animateToNextChild(300, "easein");
            interval_id = startAutoPlay();
        });

        $('.roundabout-arrow-left').bind('click', function() {
            var roundabout_id = $(this).attr('rel');
            clearInterval(interval_id);
            $('#' + roundabout_id).roundabout_animateToPreviousChild(300, "easein");
            interval_id = startAutoPlay();
        });

        $("> li", myRoundabout).bind('focus', function(object) {
            var title = $('.roundabout-title', block).eq(0);
            var description = $('.roundabout-detail', block).eq(0);
            
            title.html($('.title', object.target).eq(0).html());
            description.html($('.description', object.target).eq(0).html());
        });

        function startAutoPlay() {
            //return setInterval(function() {
            //   myRoundabout.roundabout_animateToNextChild()
            //}, 3000);
        }

        $("> li", myRoundabout).eq(0).trigger('focus');
    });
});