// Javascript - Portfolio Olivia Tinguely


function ajax(){
	$('#travail #navAlt li img').css({cursor:'pointer'}).click(function(){ /* Lorsqu'on clique sur une image de #galleryNav */
		var SousJobNumber = $(this).attr('id'); /*Tu stockes dans la variable JobNumber l'id de celle-ci*/
		$.get(SousJobNumber + '.php',function(data){
			$("#travail").html(data);
			ajax();
		}); /*dans la balise #gallery tu mets l'image correspondante*/
	});
}

$(document).ready(function(){
	
	$('#nav a img').hover(function(){
		$(this).css('opacity', '0.8')	/*quand il y a hover sur la navig principale, change l'opacité*/
		}, function(){
		$(this).css('opacity', '1');
	});
	
	
	$('#navJob img').hover(function(){
		$(this).css('opacity', '0.8')	/*quand il y a hover sur la navig principale, change l'opacité*/
		}, function(){
		$(this).css('opacity', '1');
	});
	
	//$('#navJob_video').hover(function(){
		//$(this).css('opacity', '0.8')	/*quand il y a hover sur la navig principale, change l'opacité*/
		//}, function(){
		//$(this).css('opacity', '1');
	//});
	
	$('#nav2 img').hover(function(){
		$(this).css('opacity', '0.8')	/*quand il y a hover sur la navig principale, change l'opacité*/
		}, function(){
		$(this).css('opacity', '1');
	});

	
	$('#navJob img').click(function(){ 	/* Lorsqu'on clique sur une image de #galleryNav */	
		var JobNumber=$(this).attr('id'); 	/*Tu stockes dans la variable JobNumber l'id de celle-ci*/
		
		$.get(JobNumber +'.php',function(data){
			$('#travail').html(data);
			ajax();
		}); 	/*dans la balise #gallery tu mets l'image correspondante*/
		
	});
	
	/*$('#texte2').mouseenter(function() {
  		$('#texte2').hide();
	});*/
	
	
	/*$('#travail').mouseover(function() {
  		$('#texte2, #texte').show();
	});
	
	$('#travail').mouseout(function() {
 		 $('#texte2, #texte').hide();
	});*/
	
	
	
	

	
		
	$('#travail').mouseover(function() {
  		$('p').show(slideMontreTexte);
	});

	$('#travail').mouseleave(function() {
 		 $(this).hide(slideCacheTexte);
	});
		

	
	function slideCacheTexte() {
		$("#texte2, #texte").fadeOut(1000);
	}
	
	function slideMontreTexte() {
		$("#texte2, #texte").fadeIn("slow");
	}
	
	
	//$('#travail').fancybox({'overlayShow':true});
	
	
	
	$('.select').click(function(){
		$('#travail_video').hide();
		$('#travail_video3').hide();
		$('#travail_video2').hide();
		$('#travail').show();
	})
	$('.unselect').click(function(){
		$('#travail_video').show();
		$('#travail').hide();
		$('#travail_video2').hide();
		$('#travail_video3').hide();
	})


	$('.unselect2').click(function(){
		$('#travail_video2').show();
		$('#travail').hide();
		$('#travail_video').hide();
		$('#travail_video3').hide();
	})
	
	
	$('.unselect3').click(function(){
		$('#travail_video3').show();
		$('#travail').hide();
		$('#travail_video').hide();
		$('#travail_video2').hide();
	})
	
	

	
	
	
	
	ajax();
	
});