$(document).ready(function(){
	/********* Header Menu ********/
	$("ul.topnav li a").bind("mouseover",function(){ //When event mouseover on trigger... 
		//Following events are applied to the subnav itself (moving subnav up and down)  
		$(this).parent().find("ul.sub-menu").slideDown('fast').show(); //Drop down the subnav on mouseover
		$(this).parent().find("ul.sub-menu li").css({opacity : 0.95});
		
		$(this).parent().hover(function(){  
		}, function(){  
			$(this).parent().find("ul.sub-menu").slideUp(300); //When the mouse hovers out of the subnav, move it back up  
		});  
 
	//Following events are applied to the trigger (Hover events for the trigger)  
	}).hover(function(){ 
			$(this).addClass("subhover"); //On hover over, add class "subhover"  
		}, function(){  //On Hover Out  
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"  
	});


	/********* Slideshow ********/
	//Configuration
		
	var tempsTransition = 600;	
	var currentPosition = 0;
	var slideWidth = 198;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	
	// 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 + numberOfSlides * 14);  //numberOfSlides*14 --> numberOfSlides fois margin right sur chaque slide

	// 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; //si l'on a cliqué sur rightControl alors currentPosition = currentPosition + 1 sinon currentPosition = currentPosition - 1

		// Cache ou montre les controles
		manageControls(currentPosition);
		// Fais bouger le slide
		$('#slideInner').animate({
		  'marginLeft' : (slideWidth+14)*(-currentPosition)
		},tempsTransition);
	});
	
	/*$('.control')
		.bind('mouseover', function(){
			if($(this).attr('id')=='rightControl'){
				$(this).css('background', 'url(./images/bottom/slider_arrow_right_hover.png) no-repeat 0 center');
			}
			else if($(this).attr('id')=='leftControl'){
				$(this).css('background', 'url(./images/bottom/slider_arrow_left_hover.png) no-repeat 0 center');
			}
	});*/
	   
	$('#slideshow span').hover(
		function(){
			if($(this).attr('id')=='leftControl'){$(this).removeClass('leftControl').addClass('leftControlhover');}
			else if($(this).attr('id')=='rightControl'){$(this).removeClass('rightControl').addClass('rightControlhover');}
		},
		function(){
			$(this).removeClass('leftControlhover').removeClass('rightControlhover');
		}
	);
		
	// 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();
			//$('#slideshow').prepend('<span class="leftControlOpacity">Précédent</span>');
		}
		else{
			//$('.leftControlOpacity').remove();
			$('#leftControl').show();
		}
		// Cache la fleche "suivant" si on est sur le dernier slide (-1)
		if(position == numberOfSlides-5){ //--> ici -1-4 (4 le nombre de slides que l'on peut afficher sur l'écran)
			$('#rightControl').hide();
			//$('#slideshow').append('<span class="rightControlOpacity">Suivant</span>');
		} else {
			//$('.rightControlOpacity').remove();
			$('#rightControl').show();
		}
		if(position == numberOfSlides){
			currentPosition = 0;
			$('#leftControl').hide();
			//$('#slideshow').prepend('<span class="leftControlOpacity">Précédent</span>');
		}
	}
	
	$("a#btn_appli_form").fancybox({
		overlayColor : '#000',
		hideOnOverlayClick : false,
		autoDimensions : false,
		autoScale: false,
		width : 640,
		height : 718
	});
	
	$("a#btn_appli_form.candidature").fancybox({
		overlayColor : '#000',
		hideOnOverlayClick : false,
		autoDimensions : false,
		autoScale: false,
		width : 640,
		height : 730
	});
	
	$("a.btn_lunch_contact").fancybox({
		overlayColor : '#000',
		hideOnOverlayClick : false,
		autoDimensions : false,
		autoScale: false,
		width : 550,
		height : 750
	});
	
	$('.form_appli form').submit(function(){
		var check = true;
		
		$('.wpcf7-validates-as-required').each(function(){
			if ($(this).val() == "") {
				check = false;
				$(this).css('border', '1px solid #CC0000');
			}
		});
		
		if ($('.wpcf7-form-control-wrap.cv .filename').html() == ""){
			check = false;
			$('.wpcf7-form-control-wrap.cv .filename').css('border', '1px solid #CC0000');
		}
		
		if (!check) {
			$('.oblig').css('color', '#CC0000');
		}
		
		return check;
	});
	
	$('#wpcf7-f1-p43-o1 form').submit(function() {
		var check = true;
		
		$('.wpcf7-validates-as-required').each(function(){
			if ($(this).val() == "") {
				check = false;
				$(this).css('border', '1px solid #CC0000');
			}
		});
		
		if (!check) {
			$('.oblig').css('color', '#CC0000');
		}
		
		return check;
	});
	
	/** Slider_actu **/
	$('.slide_actu_elem').css('display','none');
	$('.slide_actu_elem:first').css('display','block');
	$('.slide_actu_elem:first').addClass('active');
	
	$('.btn_prev_actu').click(function(){
		var id_active;
		var i=0;
		$('.slide_actu_elem').each(function() {
			if ($(this).hasClass('active')) {
				id_active = i;
				$(this).removeClass('active')
			}
			i++;
		});
		if (id_active == 0) {
			$('.slide_actu_elem:last').addClass('active');
			$('.slide_actu_elem').eq(id_active).fadeOut('slow');
			$('.slide_actu_elem:last').fadeIn('slow');
		}else {
			$('.slide_actu_elem').eq(id_active-1).addClass('active');
			$('.slide_actu_elem').eq(id_active).fadeOut('slow');
			$('.slide_actu_elem').eq(id_active-1).fadeIn('slow');
		}
	});
	$('.btn_next_actu').click(function(){
		var id_active;
		var i=0;
		$('.slide_actu_elem').each(function() {
			if ($(this).hasClass('active')) {
				id_active = i;
				$(this).removeClass('active')
			}
			i++;
			
		});
		if (id_active+1 == $('.slide_actu_elem').length) {
			$('.slide_actu_elem:first').addClass('active');
			$('.slide_actu_elem').eq(id_active).fadeOut('slow');
			$('.slide_actu_elem:first').fadeIn('slow');
		}else {
			$('.slide_actu_elem').eq(id_active+1).addClass('active');
			$('.slide_actu_elem').eq(id_active).fadeOut('slow');
			$('.slide_actu_elem').eq(id_active+1).fadeIn('slow');
		}
	});
	
	$("#scrolling-element-left").css('display','block').hover(
		function(){$(this).css({'opacity':0.8});}, function(){$(this).css({'opacity':1});}
	);
	$("#scrolling-element-right").css('display','block').hover(
		function(){$(this).css({'opacity':0.8});}, function(){$(this).css({'opacity':1});}
	);
			
	$(window).scroll(function(){
		$("#scrolling-element-left")
		.stop()
		.animate({"marginTop": $(window).scrollTop() + "px"}, 2500, 'easeOutBack');
		$("#scrolling-element-right")
		.stop()
		.animate({"marginTop": $(window).scrollTop() + "px"}, 3500, 'easeOutBack');
	});
	
});

function closeFancybox(){
	$.fancybox.close();
}