// Concours colonne.

jQuery(function(){
	jQuery('#concours-index').jcarousel({
        start: 1,
		scroll: 1,
		wrap: 'last',
		auto: 5,
		buttonNextHTML: null,
        buttonPrevHTML: null,
		initCallback: mycarousel_initCallback,
		itemVisibleInCallback: {
			onBeforeAnimation: mycarousel_itemVisibleInCallbackAfterAnimation
        },
		itemVisibleOutCallback: {
            onBeforeAnimation: mycarousel_itemVisibleOutCallbackAfterAnimation
        }
    });	
});

function mycarousel_initCallback(carousel)
{
    jQuery('.concours-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        carousel.stopAuto();
		return false;
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });	
};


function mycarousel_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state) {
	//display('Item #' + idx + ' is now visible');
	$('.concours-control').find('#concours-' + idx).addClass('active');
};
function mycarousel_itemVisibleOutCallbackAfterAnimation(carousel, item, idx, state) {
	//display('Item #' + idx + ' is no longer visible');
	$('.concours-control').find('#concours-' + idx).removeClass('active');
};