<script src="//fb.me/react-with-addons-0.9.0.js"></script><script src="http://cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.1/processing-api.min.js"></script><script src="http://code.jquery.com/jquery-1.4.2.min.js"></scriptfunction slideshow(){

​

var $descriptions = $('#carousel-descriptions').children('li'),

    $controls = $('#carousel-controls').find('span'),

    $carousel = $('#carousel')

        .roundabout({childSelector:"li", minOpacity:0, maxOpacity:1, minScale: 1, btnNext: ".next", btnPrev:".prev",})

        .on('focus', 'li', function() {

            var slideNum = $carousel.roundabout("getChildInFocus");

​

            $descriptions.add($controls).removeClass('current');

            $($descriptions.get(slideNum)).addClass('current');

            $($controls.get(slideNum)).addClass('current');

        });

​

$controls.on('click dblclick', function() {

    var slideNum = -1,

        i = 0, len = $controls.length;

​

    for (; i<len; i++) {

        if (this === $controls.get(i)) {

            slideNum = i;

            break;

        }

    }

​

    if (slideNum >= 0) {

        $controls.removeClass('current');

        $(this).addClass('current');

        $carousel.roundabout('animateToChild', slideNum);

    }

});

​

} style='display:show;'/>

​

​