$(document).ready(function() {


	// Apparition du contact box
	$("#b7, #contact").click(function() {
		$(".contactBox").fadeIn(800);
		$("#contactWrap").css("top","-80%").animate({
			top:"17%"
		},1300);
		return false;
	});
	
	
	
	// Verification des champs
	$("#contactForm").submit(function(){
		
		var nom = $(this).find("input[name=nom]");
		var mail = $(this).find("input[name=mail]");
		var message = $(this).find("textarea");
		var erreur = false;
		
		
		
		// CHAMPS NOM
			if(nom.val()=="Votre nom")
			{
				erreur = true;
				$("#contactWrap").prepend("<span class='nom'>Obligatoire</span>");
				$("#contactWrap .nom").css("top","29px").animate({
					left:"215px",
					opacity:1
				},850);
				
				nom.keyup(function() {
					if(nom.val()!="")
						$("#contactWrap .nom").animate({
							left:"240px",
							opacity:0
						},850);
				});
			}
			
			
			
			// CHAMPS MAIL
			if(mail.val()=="Votre email")
			{
				erreur = true;
				$("#contactWrap").prepend("<span class='mail'>Obligatoire</span>");
				$("#contactWrap .mail").css("top","80px").animate({
					left:"215px",
					opacity:1
				},850);
				
				mail.keyup(function() {
					if(mail.val()!="")
						$("#contactWrap .mail").animate({
							left:"240px",
							opacity:0
						},850);
				});
			}
			
			
			
			// CHAMPS MESSAGE
			if(message.val()=="Votre message")
			{
				erreur = true;
				$("#contactWrap").prepend("<span class='message'>Obligatoire</span>");
				$("#contactWrap .message").css("top","138px").animate({
					left:"215px",
					opacity:1
				},850);
				
				message.keyup(function() {
					if(message.val()!="")
						$("#contactWrap .message").animate({
							left:"240px",
							opacity:0
						},850);
				});
			}
			
			
			
			
			// TRAITEMENT FINAL
			if (erreur == true)
			{
				return false;
			}
			else
			{
				$.post("includes/contact.php", { nom:nom.val(), mail:mail.val(), message:message.val() } , function(data) {
					if(data!="ok")
					{
						alert(data);
					}
					else
					{
						$("#contactWrap").animate ({
							top: "150%"
						},750);
						$(".contactBox").delay(50).fadeOut(800);
						$("#contactForm").fadeIn().delay(800).queue(function() {
							$("#boxContact").show();
							$(this).dequeue();
						});
					}
				});
				
				return false;
			}

	});
	
	
	$("#contactWrap a").click(function() {
		$(this).parent().animate ({
			top: "150%"
		},750);
		$(".contactBox").delay(50).fadeOut(800);
		$("#contactForm").fadeIn();
		return false;
	});

});