$(document).ready(function(){
	$('#Nav li').mouseover(function(){
			$(this).addClass('on');
		});
		$('#Nav li').mouseout(function(){
			$(this).removeClass('on');
		});
		
		
	$(".toggle_container").hide();

	$("h5.trigger").toggle(function()
     {
		$(this).addClass("active");
	}, function () {
		$(this).removeClass("active");
	});

	$("h5.trigger").click(function()
     {
     	   $("h5.trigger").removeClass("active");
	   $(this).addClass("active");
          if($(this).next(".toggle_container:visible").length != 0)
               $(".toggle_container").slideUp("normal");
          else
          {
               $(".toggle_container").slideUp("normal");
               $(this).next(".toggle_container").slideDown("normal");
          }
	});

	//Configuration
		  var retour = true;
		  var tempsTransition = 2000;
		  var affichePlayPause = true;
		  var lectureAutomatique = true;
		  	var tempsAttente = 9000;
			
		  var icones = new Array();
		  		icones['play'] = 'img/play_slider.png';
		  		icones['pause'] = 'img/pause_slider.png';	
			
		  var currentPosition = 0;
		  var slideWidth = 560;
		  var slides = $('.slide');
		  var numberOfSlides = slides.length;
		  var interval;
		  var lectureEnCours = false;
  // Supprime la scrollbar en JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Attribue  #slideInner  à toutes les div .slide
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Longueur de #slideInner égale au total de la longueur de tous les slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Précédent</span>')
    .append('<span class="control" id="rightControl">Suivant</span>');


  
  // Hide left arrow control on first load
  manageControls(currentPosition);

  //Crée un écouteur d'évènement de type clic sur les classes .control
  $('.control')
    .bind('click', function(){
		
    // Determine la nouvelle position
	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    
	if(currentPosition == numberOfSlides && retour == false ){
		currentPosition--;
		pause();
	}
	
	// Cache ou montre les controles
    manageControls(currentPosition);
    // Fais bouger le slide
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    },tempsTransition);
  });

  // manageControls: Cache ou montre les flêches de controle en fonction de la position courante
  function manageControls(position){
    // Cache la fleche "précédent" si on est sur le premier slide
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
	// Cache la fleche "suivant" si on est sur le dernier slide (et que le retour automatique n'est pas activé)
    if(position==numberOfSlides-1 && retour == false){
		$('#rightControl').hide();
	} else {
		$('#rightControl').show();
	}
	if(position == numberOfSlides && retour == true){
		currentPosition = 0;
		 $('#leftControl').hide();
	}
  }
  function suivant(){
	$('#rightControl').click();
	}
  function start() {
  	lectureEnCours = true;
    interval = setInterval(suivant, tempsAttente );
  }
  function pause() {
  	lectureEnCours = false;
   clearInterval(interval);
  }
  
 //Si le diapo est activé 
if(lectureAutomatique == true){
  start();
}
if(affichePlayPause == true){
	$('#slidesContainer').prepend('<img id="navDiapo" src="" alt="Navigation diaporama" />');
	//$('#slidesContainer').prepend('');
	if(lectureAutomatique == true){
		$('#navDiapo').attr('src',icones['pause']);
	}else{
		$('#navDiapo').attr('src',icones['play']);	
	}
	$('#navDiapo').bind('click', function(){
		if(lectureEnCours == true){
			$(this).attr('src',icones['play']);
			pause();
		}else{
			$(this).attr('src',icones['pause']);
			start();
		}
	});
}
			$('div#champagne_promo').innerfade({
				speed: 3000,
				timeout:5000,
				type: 'sequence',
				containerheight: '300px'
			});


								$(".div_container1").show();
								$(".div_container2").hide();
								$(".div_container3").hide();
								$(".div_container4").hide();
								$("a.divlien1").addClass("active");

							$("a.divlien1").toggle(function()
						     {
								$(this).addClass("active");
							}, function () {
								$(this).removeClass("active");
							});
							$("a.divlien2").toggle(function()
						     {
								$(this).addClass("active");
							}, function () {
								$(this).removeClass("active");
							});
							$("a.divlien3").toggle(function()
						     {
								$(this).addClass("active");
							}, function () {
								$(this).removeClass("active");
							});
							$("a.divlien4").toggle(function()
						     {
								$(this).addClass("active");
							}, function () {
								$(this).removeClass("active");
							});
						
							$("a.divlien1").click(function()
						     {
							   $("a.divlien2").removeClass("active");
							   $("a.divlien3").removeClass("active");
							   $("a.divlien4").removeClass("active");
							   $("a.divlien1").addClass("active");
							   

								$(".div_container1").show('slow');
								$(".div_container2").hide('slow');
								$(".div_container3").hide('slow');
								$(".div_container4").hide('slow');
							   
							});
							$("a.divlien2").click(function()
						     {
							   $("a.divlien1").removeClass("active");
							   $("a.divlien3").removeClass("active");
							   $("a.divlien4").removeClass("active");
							   $("a.divlien2").addClass("active");

								   $(".div_container1").hide('slow');
								   $(".div_container2").show('slow');
								   $(".div_container3").hide('slow');
								   $(".div_container4").hide('slow');
							   
							});
							$("a.divlien3").click(function()
						     {
							   $("a.divlien2").removeClass("active");
							   $("a.divlien1").removeClass("active");
							   $("a.divlien4").removeClass("active");
							   $("a.divlien3").addClass("active");

								   $(".div_container1").hide('slow');
								   $(".div_container2").hide('slow');
								   $(".div_container3").show('slow');
								   $(".div_container4").hide('slow');
							   
							});
							$("a.divlien4").click(function()
						     {
							   $("a.divlien2").removeClass("active");
							   $("a.divlien3").removeClass("active");
							   $("a.divlien1").removeClass("active");
							   $("a.divlien4").addClass("active");

								   $(".div_container1").hide('slow');
								   $(".div_container2").hide('slow');
								   $(".div_container3").hide('slow');
								   $(".div_container4").show('slow');
							   
							});
																
				   });
	var obj = null;

	function checkHover() {
		if (obj) {
			obj.find('ul').fadeOut('fast');	
		} //if
	} //checkHover
	
	$(document).ready(function() {
		$('#Nav > li').hover(function() {
			if (obj) {
				obj.find('ul').fadeOut('fast');
				obj = null;
			} //if
			
			$(this).find('ul').fadeIn('fast');
		}, function() {
			obj = $(this);
			setTimeout(
				"checkHover()",
				0); // si vous souhaitez retarder la disparition, c'est ici
		});
	});