$( document ).ready( function(){
	/**
	 * Fonctions relatives au caroussel de l'index
	 */	 
	$('.slides ul').jcarousel({
		scroll: 1,
		wrap: 'both',
		auto: 10,
		initCallback: _init_carousel,
		itemFirstInCallback:_first_callback,
		buttonNextHTML: null,
		buttonPrevHTML: null
	});

	/**
	 * Fonctions relatives à l'affichage des références
	 */	 
	setInterval( "refSwitch()", 10000 );
});

/**
 * Fonctions relatives au caroussel de l'index
 */	 

// lier les icones et les images du caroussel
function _init_carousel(carousel) {
	$('#slider-navigation a').bind('click', function() {
		var index = $(this).parent().parent().find('a').index(this) + 1;
		carousel.scroll( index );
		//return false;
	});
};

function _first_callback(carousel, item, idx, state) {
	var index = idx - 1;
	$('#slider-navigation a').removeClass('active');
	$('#slider-navigation a').eq(index).addClass('active');
};		

/**
 * Fonctions relatives à l'affichage des références
 */	 
function refSwitch() {
    var $active = $('.refactive');

    if ( $active.length == 0 ) $active = $('.reference:last');

    var $next =  $active.next().length ? $active.next()
        : $('.reference:first');

    $active.addClass('reflast-active');

    $next.css({opacity: 0.0})
        .addClass('refactive')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('refactive reflast-active');
		});
};