/*******************************************************************/
// Fonctions
/*******************************************************************/

function initCarousel(carousel)
{
	



	// Disable autoscrolling if the user clicks the prev or next button.
	carousel.buttonNext.bind('click', function() {
		carousel.startAuto(0);
	});

	carousel.buttonPrev.bind('click', function() {
		carousel.startAuto(0);
	});

	// Pause autoscrolling if the user moves with the cursor over the clip.
	carousel.clip.hover(function() {
		carousel.stopAuto();
	}, function() {
		carousel.startAuto();
	});
	
	// Changement de contenu au survol des éléments du carousel
	$('#homeCarousel li').each(function(i, item){
		
		// On affiche le premier item (on enlève la classe first et on met l'élément en display:block
		if(i == 0){
			$('#contentCarousel' + $(item).attr('jcarouselindex')).removeClass('first');
			$('#contentCarousel' + $(item).attr('jcarouselindex')).css('display', 'block');
		}
		
		$(item).bind('mouseover', function(){
			// Masquage de tous les contenus
			$('#inner .homeNiveau1 .intro .visu .content').css('display', 'none');
			
			// Affichage du contenu correspondant
			if(!$(item).hasClass('active')){
				$(item).addClass('active');
			}
			$('#contentCarousel' + $(item).attr('jcarouselindex')).css('display', 'block');
		});
		
		$(item).bind('mouseout', function(){
			if($(item).hasClass('active')){
				$(item).removeClass('active');
			}
		});
	});
		

	// saynul.
	if ($('#homeCarousel li').length < 5) {
		
		$('.jcarousel-next, .jcarousel-next-vertical, .jcarousel-prev, .jcarousel-prev-vertical').hide();
		
	}
};

/*******************************************************************/
// Initialisations au chargement de la page
/*******************************************************************/

$(document).ready(function(){
	
	// Mise en place des changements de contenu au survol
	
	jQuery('#homeCarousel').jcarousel({
        vertical: true,
        scroll: 1,
		auto: 2,
		wrap: 'last',
		initCallback: initCarousel
    });
});