// JavaScript Document

$(document).ready(function () {
/*toggle slide de la page Compagnie*/

$('.principesButton').click(function() {
	
	$('.toggleShow').slideToggle('slow');
	
	});

$('.display-menu').mouseover(function() {
	$('.sub-menu').show();
	});
$('.sub-menu').mouseout(function() {
	$(this).hide();
	});
$('.display-menu').mouseout(function() {
	$('.sub-menu').hide();
	});

/*slideshow< photos*/
//Configuration
		  var retour = true;
		  var tempsTransition = 2000;
		  var affichePlayPause = false;
		  var lectureAutomatique = true;
		  var tempsAttente = 15000;
			
		  var icones = new Array();
		  		icones['play'] = 'img/play_slider.png';
		  		icones['pause'] = 'img/pause_slider.png';	
			
		  var currentPosition = 0;
		  var slideWidth = 940;
		  var slides = $('.slide');
		  var numberOfSlides = slides.length;
		  var interval;
		  var lectureEnCours = false;
  // Supprime la scrollbar en JS
  $('.slide-container').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-1')
    .prepend('<span class="control" id="leftControl2">Précédent</span>')
    .append('<span class="control" id="rightControl2">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')=='rightControl2') ? 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){ $('#leftControl2').hide() } else{ $('#leftControl2').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){
		$('#rightControl2').hide();
	} else {
		$('#rightControl2').show();
	}
	if(position == numberOfSlides && retour == true){
		currentPosition = 0;
		 $('#leftControl2').hide();
	}
  }
  function suivant(){
	$('#rightControl2').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){
	$('.slide-container').prepend('<img id="navDiapo" src="" alt="Navigation diaporama" />');
	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();
		}
	});
}
////////////////////////////////////////////////////

//slider-two

//Configuration
		  var retour2 = true;
		  var tempsTransition2 = 2000;
		  var affichePlayPause2 = false;
		  var lectureAutomatique2 = true;
		  var tempsAttente2 = 17000;
			
		  var icones2 = new Array();
		  		icones2['play'] = 'img/play_slider.png';
		  		icones2['pause'] = 'img/pause_slider.png';	
			
		  var currentPosition2 = 0;
		  var slideWidth2 = 940;
		  var slides2 = $('.slide2');
		  var numberOfSlides2 = slides2.length;
		  var interval2;
		  var lectureEnCours2 = false;
  // Supprime la scrollbar en JS
  $('.slide-container2').css('overflow', 'hidden');

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

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

  // Insert controls in the DOM
  $('.slideshow-2')
    .prepend('<span class="control2" id="leftControl3">Précédent</span>')
    .append('<span class="control2" id="rightControl3">Suivant</span>');


  
  // Hide left arrow control on first load
  manageControls2(currentPosition2);

  //Crée un écouteur d'évènement de type clic sur les classes .control
  $('.control2')
    .bind('click', function(){
		
    // Determine la nouvelle position
	currentPosition2 = ($(this).attr('id')=='rightControl3') ? currentPosition2+1 : currentPosition2-1;
    
	if(currentPosition2 == numberOfSlides2 && retour2 == false ){
		currentPosition2--;
		pause();
	}
	
	// Cache ou montre les controles
    manageControls2(currentPosition2);
    // Fais bouger le slide
    $('#slideInner2').animate({
      'marginLeft' : slideWidth2*(-currentPosition2)
    },tempsTransition2);
  });

  // manageControls: Cache ou montre les flêches de controle en fonction de la position courante
  function manageControls2(position){
    // Cache la fleche "précédent" si on est sur le premier slide
	if(position==0){ $('#leftControl3').hide() } else{ $('#leftControl3').show() }
	// Cache la fleche "suivant" si on est sur le dernier slide (et que le retour automatique n'est pas activé)
    if(position==numberOfSlides2-1){
		$('#rightControl3').hide();
	} else {
		$('#rightControl3').show();
	}
	if(position == numberOfSlides2 && retour2 == true){
		currentPosition2 = 0;
		 $('#leftControl3').hide();
	}
  }
  function suivant2(){
	$('#rightControl3').click();
	}
  function start2() {
  	lectureEnCours2 = true;
    interval2 = setInterval(suivant2, tempsAttente2 );
  }
  function pause() {
  	lectureEnCours2 = false;
   clearInterval(interval2);
  }
  
 //Si le diapo est activé 
if(lectureAutomatique2 == true){
  start2();
}
if(affichePlayPause2 == true){
	$('.slide-container2').prepend('<img id="navDiapo" src="" alt="Navigation diaporama" />');
	if(lectureAutomatique2 == 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();
		}
	});
}



});