$(document).ready(function(){
	
	$('#info_slide li a').fadeTo(0,0.8);
	$('.go_a').css({'background-color' : '#61C0C6'}).css({'color' : '#23211C'});
	
	
	
	//fonction pour le redimensionement
	var larg1 = $(window).height();
	if(larg1 > 770){
		$('html').css({'overflow' : 'hidden'});
	}
	//console.log(larg);
	$(window).resize(function(){
	var larg = $(this).height();
	if(larg > 760){
		$('html').css({'overflow' : 'hidden'});
	}
	else{
		$('html').css({'overflow' : 'auto'});
	}
	});
	
	
	//slider
	$('#vgn-graphic , #vgn-web, #vgn-trd').css({'overflow' : 'hidden'});
	
	$('.go_a').click(function(){
		$('#large_vgn').stop().animate({left : 0},400);	
		$(this).css({'background-color' : '#61C0C6'});
		$(this).css({'color' : '#23211C'});
		$('.go_b, .go_c').css({'background-color' : '#23211C'});
		$('.go_b, .go_c').css({'color' : '#61C0C6'});
	});
	$('.go_b').click(function(){
		$('#large_vgn').stop().animate({left : -695},400);
		$(this).css({'background-color' : '#61C0C6'});
		$(this).css({'color' : '#23211C'});
		$('.go_a, .go_c').css({'background-color' : '#23211C'});
		$('.go_a, .go_c').css({'color' : '#61C0C6'});
	});
	$('.go_c').click(function(){
		$('#large_vgn').stop().animate({left : -1390},400);
		$(this).css({'background-color' : '#61C0C6'});
		$(this).css({'color' : '#23211C'});
		$('.go_b, .go_a').css({'background-color' : '#23211C'});
		$('.go_b, .go_a').css({'color' : '#61C0C6'});
	});
	
	
	/*$('html, body').animate({scrollTop: 0},2000);*/
	
	$('#nav ul li').mouseover(function(){	
		$(this).children('a').stop().animate(
			{top: '-24px'}, 
			{duration:200})
		})
	.mouseout(function(){
			$(this).children('a').stop().animate(
				{top: '0px'}, 
				{duration:200})
		})	   
	
	
	//scroll page et desc dans la barre fixe
	var vit = 4000;
	
	$('#nav h1 a').click(function(){
		$('#band').stop().animate({backgroundPosition:"(1900 0)"},{duration: vit});		
		$('html, body').stop().animate({scrollTop: 0}, vit);
		$('#interactive-desc').fadeOut(500);
		$('#interactive-desc h4').empty();
		
	}); 
	
	$('#nav ul li #graphics, .go_graphics').click(function(){
		$('#band').stop().animate({backgroundPosition:"(0 0)"},{duration: vit});		
		$('html, body').stop().animate({scrollTop: 3060}, vit);
		$('#interactive-desc').fadeIn(500);
		$('#interactive-desc h4').empty();
		
	});
	
	$('#nav ul li #web, .go_web').click(function(){
		$('#band').stop().animate({backgroundPosition:"(-1900px 0)"},{duration: vit});
		$('html, body').stop().animate({scrollTop: 7435}, vit);	
		$('#interactive-desc').fadeIn(500);
		$('#interactive-desc h4').empty();
	});
	
	$('#nav ul li #trd, .go_trd').click(function(){
		$('#band').stop().animate({backgroundPosition:"(-3800px 0)"},{duration: vit});
		$('html, body').stop().animate({scrollTop: 11325}, vit);
		$('#interactive-desc').fadeIn(500);
		$('#interactive-desc h4').empty();
	});
	
	$('#nav ul li #profil').click(function(){
		$('#band').stop().animate({backgroundPosition:"(-5700px 0)"},{duration: vit});
		$('html, body').stop().animate({scrollTop: 18320},vit);	
		$('#interactive-desc').fadeOut(500);
		$('#interactive-desc h4').empty();
	});
	
	$('#nav ul li #contact').click(function(){
		$('#band').stop().animate({backgroundPosition:"(-7600px 0)"},{duration: vit});
		$('html, body').stop().animate({scrollTop: 23530},vit);
		$('#interactive-desc').fadeOut(500);
		$('#interactive-desc h4').empty();
	});
	
	// injection de la description
	
	$('#vgn-graphic .vgn img').mouseover(function(){
		
		var desc = $(this).attr('alt');
		var liens = $(this).children('span').attr('title');
		
		$('#interactive-desc h4').empty().append(desc);
		$('#interactive-desc h4').fadeIn(500);
		
	});
	
	$('#vgn-web .vgn img').mouseover(function(){
		
		var desc = $(this).attr('alt');
		var liens = $(this).children('span').attr('title');
		
		$('#interactive-desc h4').empty().append(desc);
		$('#interactive-desc h4').fadeIn(500);
		
	});
	
	$('#vgn-trd .vgn img').mouseover(function(){
		
		var desc = $(this).attr('alt');
		var liens = $(this).children('span').attr('title');
		
		$('#interactive-desc h4').empty().append(desc);
		$('#interactive-desc h4').fadeIn(500);
		
	});
	
	//vgn information
	$('.vgn').mouseover(function(){
			
			var boxInfo = $(this).children('ul');
			var boxVit = 150
			
			$(boxInfo).stop().animate({left: 0}, {duration: boxVit});
	});	
	
	$('.vgn').mouseout(function(){
			
			var boxInfo = $(this).children('ul');
			var boxVit = 150
			
			$(boxInfo).stop().animate({left: -250}, {duration: boxVit});
	});	
	
	//slide des vignette graphic
	$('#tr-d .slide-fw').click(function(){
		var t = $('#vgn-graphic-slide').css('left');
		//console.log(t);
		$('#vgn-graphic-slide').animate({'left': '-=732px'},400);
		$('#tr-d .slide-rw').fadeIn(300);
		if(t == '0px'){
			$('#tr-d .slide-fw').fadeOut(300);
		}
	
	});
	
	$('#tr-d .slide-rw').click(function(){
			
		var d = $('#vgn-graphic-slide').css('left');
		//console.log(d);
		
		$('#vgn-graphic-slide').animate({'left': '+=732px'},400);
		$('#tr-d .slide-fw').fadeIn(300);
		if(d == '-732px'){
			$('#tr-d .slide-rw').fadeOut(300);
		}
	
	});
	
	//slide des vignette web
	$('#tr-j .slide-fw').click(function(){
		var t2 = $('#vgn-web-slide').css('left');
		//console.log(t);
		$('#vgn-web-slide').animate({'left': '-=732px'},400);
		$('#tr-j .slide-rw').fadeIn(300);
		if(t2 == '0px'){
			$('#tr-j .slide-fw').fadeOut(300);
		}
	
	});
	
	$('#tr-j .slide-rw').click(function(){
			
		var d2 = $('#vgn-web-slide').css('left');
		//console.log(d);
		
		$('#vgn-web-slide').animate({'left': '+=732px'},400);
		$('#tr-j .slide-fw').fadeIn(300);
		if(d2 == '-732px'){
			$('#tr-j .slide-rw').fadeOut(300);
		}
	
	});
	
	//slide des vignette 3d
	$('#tr-q .slide-fw').click(function(){
		var t3 = $('#vgn-trd-slide').css('left');
		//console.log(t);
		$('#vgn-trd-slide').animate({'left': '-=732px'},400);
		$('#tr-q .slide-rw').fadeIn(300);
		if(t3 == '0px'){
			$('#tr-q .slide-fw').fadeOut(300);
		}
	
	});
	
	$('#tr-q .slide-rw').click(function(){
			
		var d3 = $('#vgn-trd-slide').css('left');
		//console.log(d);
		
		$('#vgn-trd-slide').animate({'left': '+=732px'},400);
		$('#tr-q .slide-fw').fadeIn(300);
		if(d3 == '-732px'){
			$('#tr-q .slide-rw').fadeOut(300);
		}
	
	});
			
		
	
	//controle du formulaire//
	
	$("#submit").click(function(){
		valid= true;
		
		if($("#nom").val() == "" ){
			$("#nom").prev(".no-valid").fadeIn();
			valid = false;
		}
		else{
			$("#nom").prev(".no-valid").fadeOut();
		}
		
		if($("#prenom").val() == "" ){
			$("#prenom").prev(".no-valid").fadeIn();
			valid = false;
		}
		else{
			$("#prenom").prev(".no-valid").fadeOut();
		}
		
		if($("#mail").val() == "" ){
			$("#mail").prev(".no-valid").fadeIn();
			valid = false;
		}
		else if(!$("#mail").val().match(/^([a-z0-9_-])+([.]?[a-z0-9_-]{1,})*@([a-z0-9-_]{2,}[.])+[a-z]{2,3}$/)){
			$("#mail").prev(".no-valid").fadeIn();
			valid = false;
		}
		else{
			$("#mail").prev(".no-valid").fadeOut();
		}
		
		if($("#mess").val() == "" ){
			$("#mess").prev(".no-valid").fadeIn();
			valid = false;
		}
		else{
			$("#mess").prev(".no-valid").fadeOut();
		}
		
		return valid;
		
	});

});