/**
 * We use the initCallback callback
 * to assign functionality to the controls
 */
function mycarousel_initCallback(carousel) {
    // previous image (left)
    jQuery('#carousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
    // current image (center)
    jQuery('#mycarousel').bind('click', function() {
        carousel.next();
        return false;
    });
    // next image (right)
    jQuery('#carousel-next').bind('click', function() {
        carousel.next();
        return false;
    });
};

function myButtonPrevCallback(carousel, button, enabled) {
    if (!enabled) {
        $('#carousel-prev').hide();
    } else {
        $('#carousel-prev').show();
    }
}

function myButtonNextCallback(carousel, button, enabled) {
    if (!enabled) {
        $('#carousel-next').hide();
        $('#mycarousel').attr('style', 'cursor:default');
        $('#mycarousel').attr('title', '');
    } else {
        $('#carousel-next').show();
        $('#mycarousel').attr('style', 'cursor:pointer');
        $('#mycarousel').attr('title', 'next picture');
    }
}

function mycarousel_itemFirstInCallback(carousel, item, idx, state) {
    // launches after animation ended
    $("#texte").attr('innerHTML', '');
    $("#texte").attr('innerHTML', $("#legend-"+idx).attr('innerHTML'));
};

// Ride the carousel...
jQuery(document).ready(function() {
    jQuery("#mycarousel").jcarousel({
        scroll: 1,
        animation: 0,
        initCallback: mycarousel_initCallback,
        buttonPrevCallback: myButtonPrevCallback,
        buttonNextCallback: myButtonNextCallback,
        itemFirstInCallback:  mycarousel_itemFirstInCallback
    });
});