$(function() {
  $('#gallery a').lightBox();
  
  $('.error').hide();
  $('input.text').css({backgroundColor:"#FFFFFF"});
  $('input.text').focus(function(){$(this).css({backgroundColor:"#DDF0F3"});});
  $('input.text').blur(function(){$(this).css({backgroundColor:"#FFFFFF"});});
  $('#message').css({backgroundColor:"#FFFFFF"});
  $('#message').focus(function(){$(this).css({backgroundColor:"#DDF0F3"});});
  $('#message').blur(function(){$(this).css({backgroundColor:"#FFFFFF"});});

  $("#submit").click(function() {
    var nom = $("input#nom").val();
    if (nom == "" || nom == "Nom") {$("input#nom").focus();$("#nom").css({backgroundColor:"#FFCFCF"});return false;}
    var prenom = $("input#prenom").val();
    if (prenom == "" || prenom == "Prénom") {$("input#prenom").focus();$("#prenom").css({backgroundColor:"#FFCFCF"});return false;}
    var email = $("input#email").val();
    if (email == "" || email == "Email") {$("input#email").focus();$("#email").css({backgroundColor:"#FFCFCF"});return false;}
    var telephone = $("input#telephone").val();
    if (telephone == "Téléphone") {telephone='';}
    var message = $("#message").val();
    if (message == "" || message == "Message") {$("#message").focus();$("#message").css({backgroundColor:"#FFCFCF"});return false;}
    
	if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email)){}else{
		$("input#email").focus();$("#email").css({backgroundColor:"#FFCFCF"});return false;
	}
    
    var dataString = 'nom='+ nom + '&prenom=' + prenom + '&email=' + email + '&telephone=' + telephone +  '&message=' + message;
    //alert(dataString);
    
    $.ajax({
      type: "POST",
      url: "bin/process.php",
      data: dataString,
      success: function() {
        $('#contact_form').html("<div id='feedback'></div>");
        $('#feedback').html("<img src='images/check.png' /><div id='textback'><h2>Message envoyé !</h2>")
        .append("<br /><br /><p>Votre message a bien été envoyé, merci de votre confiance.</p></div>")
        .hide()
        .fadeIn(1500, function() {
          $('#feedback').append("");
        });
      }
    });

    return false;
  });

});

