$(document).ready(function() {
	
	/*------------------------------------------------*/
	/*------------------------------------------------*/
	/* BOITE DE DIALOGUE */
	/*------------------------------------------------*/
	/*------------------------------------------------*/
	$("#dialog_confirmMail").dialog({
		title: "Message envoyé",
		width: 300,
		height: 100,
		modal: true,
		autoOpen: false
	});
	/*------------------------------------------------*/
	/*------------------------------------------------*/
	// VALIDATION DU FORMULAIRE */
	/*------------------------------------------------*/
	/*------------------------------------------------*/
	$("form#formContact").validate({
		rules: {
			"formContact_nom" : {
				required: true
			},
			"formContact_prenom" : {
				required: true
			},
			"formContact_telephone" : {
				required: true
			},
			"formContact_mail" : {
				required: true,
				email: true
			},
			"formContact_ville" : {
				required: true
			},
			"formContact_surface" : {
				required: true
			},
			"formContact_genre" : {
				required: true
			},
			"formContact_choixType" : {
				required: true
			},
			"formContact_fourniture" : {
				required: true
			},
			"formContact_projet" : {
				required: true
			}
		},
		messages: {
			"formContact_nom" : {
				required: "Merci d'indiquer votre nom."
			},
			"formContact_prenom" : {
				required: "Merci d'indiquer votre prénom."
			},
			"formContact_telephone" : {
				required: "Merci d'indiquer votre numéro de téléphone."
			},
			"formContact_mail" : {
				required: "Merci d'indiquer votre adresse e-mail.",
				email: "Cette adresse e-mail ne semble pas valide."
			},
			"formContact_ville" : {
				required: "Merci d'indiquer votre ville."
			},
			"formContact_surface" : {
				required: "Merci d'indiquer la surface."
			}
		},
		submitHandler: function() {
			$.ajax({
				url: 'ajax.php',
				type: 'get',
				dataType: 'json',
				data: {
					'action' : 'ACTION_CONTACT',
					'genre' :  $('input[type=radio][name=formContact_genre]:checked').attr('value'),
					'nom': $("#formContact_nom").val(),
					'prenom': $("#formContact_prenom").val(),
					'telephone': $("#formContact_telephone").val(),
					'mail': $("#formContact_mail").val(),
					'numDpt' : $("#formContact_numDpt option:selected").val(),
					'ville': $("#formContact_ville").val(),
					'type' :  $('input[type=radio][name=formContact_choixType]:checked').attr('value'),
					'fourniture' :  $('input[type=radio][name=formContact_fourniture]:checked').attr('value'),
					'projet' :  $('input[type=radio][name=formContact_projet]:checked').attr('value'),
					'detailProjet' : $("#formContact_typeProjetPreciser").val(),
					'surface' : $("#formContact_surface").val(),
					'dateRealisation' : $("#formContact_dateRealisation").val()
				},
				success: function(data) {
					$("#dialog_confirmMail").dialog('open');
				}
			});			
			return false;
		}
	});
	/*------------------------------------------------*/
	/*------------------------------------------------*/
	// VIDAGE DES CHAMPS
	/*------------------------------------------------*/
	/*------------------------------------------------*/
	$("input#formContact_typeProjetPreciser, input#formContact_dateRealisation").click(function() {
		$(this).val('');
	});
	/*------------------------------------------------*/
});