(function($) {
$(document).ready( function () {

	/*	
		Diaporama image HP
	*/
	var index = 0;
	var delay = 5000;
	var n = $('#image-focus img').length;
	
	// cree le bloc bordure et le positionne
	if ($("#liste-vignettes").size() > 0) {			
		$('.content-inside').append('<div id="vignette-roll"></div>');	
		var offset = $('#liste-vignettes li').offset();		
		$("#vignette-roll").offset({ top: offset.top, left: offset.left });
	}

	function diapoAuto() {
		// lance miseEnUne avec index incrémenté
		index++;
		if (index >= n) {
			index = 0;
		}
		miseEnUne(index);
		repeatDiapoAuto = window.setTimeout(diapoAuto, delay);
	}
	// diaporama automatique seulement sur HP
	if ( ($('body.page-hotel-du-bac').size() > 0 || $('body.home').size() > 0) && n > 1) {		
		var repeatDiapoAuto = window.setTimeout(diapoAuto, delay);
	}

	function miseEnUne(index) {
		
		if ($(".content-inside #vignette-roll").size() > 0) {								
			// deplace le cadre sur l'image de vignette correspondant à l'index
			var positionRoll = $(".content-inside #vignette-roll").position();
			$('#liste-vignettes li a').each ( function(i, el) {
				if (i == index) {
					var position = $(el).position();
					$('.content-inside #vignette-roll').stop(true, false).animate({
					    left: '-='+(positionRoll.left - position.left)
					}, 500, function() {
					    // Animation complete.
					});
				}
			});		
		}
				
		// charge l'image en une
		var blocFade = $("#image-focus");
		
		blocFade.fadeTo('slow', 0, function() {
			$('#image-focus img').each ( function(i, el) {
				if (i != index) {
					$(this).hide();
				} else {
					$(this).show();
				}
			});
			blocFade.fadeTo('slow', 1);
		});
	}
	
	
	/* Vignettes page Villa */
	// mouseenter ou click
	$("#liste-vignettes a").each ( function(i, el) {
		$(el).click(function(event) {
			$('.content-inside #vignette-roll').stop(true, true);
			event.stopPropagation();
			window.clearTimeout(repeatDiapoAuto);
			// lance miseEnUne avec index cliqué
			miseEnUne(i);
			return false;
		});
	});
	
	// Ajoute la class first au premier elt de la colonne
	$(".colonne:first-child").each ( function(i, el) {
		$(el).addClass("first");
	});
	

} ) ;
})(jQuery);