$(function() {
	var boutons = $(".boutons a", "#bigCarrousel");

	/*---- Carrousel du bloc animation ----*/
	$(".carrousel", "#bigCarrousel").jCarouselLite({
		visible: 1,				//Nbre de slide affiché
		speed: 500,				//Vitesse de changement de slide
		auto: 5000,				//Durée de passage d'un slide
		btnGo: boutons,			//Le bouton sur lequel est bindé le onclick
		btnReset: boutons,

		beforeStart: function(a, b){
			var length = $(".carrousel li", "#bigCarrousel").length;
			var indexOfVisible = 0;
			var realLength = length - 2

			//Calcul de l'index du bouton correspondant au slide
			if (b != realLength){
				indexOfVisible = b % realLength;
			}
			else {
				indexOfVisible = realLength
			}
			indexOfVisible --;

			var currentLink = boutons.eq(indexOfVisible);

			$(".current", "#bigCarrousel").stop().animate({ backgroundColor: "#aca095" }, 400).toggleClass('current');
			currentLink.parent().stop().animate({ backgroundColor: "#8a7f75" }, 400).toggleClass('current');

			$(".back", "#bigCarrousel").stop().animate({
				width: currentLink[0].offsetWidth,
				left: currentLink[0].offsetLeft
			}, 500);
		}
    });

	//Animation et reset via le hover
	boutons.hover(function(){$(this).click()});


	/*---- Carrousel séjour thématique ----*/

	//On crée le wrapper pour la carrousel, et on swappe la classe carrousel-wrapper pour garder la déco
	$(".carrousel-wrapper", "#left").removeClass('carrousel-wrapper')
	var carrousel = $(".carrousel", "#left");
	carrousel.wrap('<div class="carrousel-wrapper"><div></div></div>')
	var wrapper = $(".carrousel-wrapper", "#left");

	//Fléches de navigation
	wrapper.append('<button class="arrowLeft">Prev</button><button class="arrowRight">Next</button>')

	//On crée le carrousel
	carrousel.jCarouselLite({
		visible: 5,				//Nbre de slide affiché
		speed: 800,				//Vitesse de changement de slide
		btnPrev: ".arrowLeft",
		btnNext: ".arrowRight",
		oneScrollAtOnce:true
	})

	//On compense les marges sur les li en réduisant la taille du wrapper d'autant
	var width = $(".carrousel-wrapper > div", "#left").innerWidth();
	var margin = $(".carrousel li", "#left").css("marginRight").replace('px', '');
	wrapper.css('width', (width - margin)+ 'px');


	/*---- Boite à onglets moteur de recherche ----*/

	$("#blocRecherche ul a").click(function(){
		var anchor = this.href.substring(this.href.lastIndexOf("#"));
		var currentTab = $(anchor);

		$("#blocRecherche > div, #blocRecherche > form").not(currentTab).fadeTo("fast", 0, function(){
			$(this).css('display', 'none');
			currentTab.css('display', 'block').fadeTo('fast', 1)
		});

		$(".current", "#blocRecherche").toggleClass('current');
		$(this).parent().toggleClass('current');

		return false;
	})

	//Calendriers
	$('#defineDateAr,#defineDateDe').datepick({
		beforeShow: customRange,
		closeAtTop: false,
		numberOfMonths: 2,
		minDate: -0, maxDate: +360,
		showStatus: true,
		altFormat: 'dd/mm/yy',
		showOn: 'both',
		buttonImageOnly: true,
		buttonImage: '../img/puces/calendrier.jpg'
	}),
	$("#defineDateAr").datepick('refresh');

	$("#defineDateAr").change(function(){GetFocus('defineDateDe','tday',this.value);});
	$("#defineDateDe").change(function(){defineDate(this.value)});

	//Initialisation des divers éléments
	$("#cloud").css('display','none');
	$("#blocRecherche ul li:first-child").addClass('current')
	$(".boutons li:first-child", "#bigCarrousel").addClass('current')
    $(".boutons", "#bigCarrousel").append('<li class="back"></li>');
	$("#MoteurRechercheForm").submit(checkSearchEngineHP);
});