$(document).ready(function() {
	$('#contact_form #form_nom').focus();
	
	function processJson(data){
		var $submitButton = $("button[type='submit']");
		$submitButton.removeAttr("disabled");
		$submitButton.css('background-position', '0 0');
		$submitButton.css('cursor', 'pointer');
		$.each(data, function(i, n) {
			if(n.field == 'error') {
			
				if (n.value == 'mail') {
					$('#contact_action form').prepend('<p class="failed">Erreur de Messagerie. Veuillez réessayer à nouveau. Si le problème se reproduit, contactez nous à <a href="mailto:info@globecite.com">info@globecite.com</a></p>');
				}
				
				if (n.value == false) {
					$('#contact_action').empty().load('lib/mail_response.php');
				}
			}
			if(n.field == 'captcha_code') {
				jQuery("input#captcha_code").val('');
				$('<label for="captcha_code" class="error">Code de sécurité incorrect</label>').insertAfter('input#captcha_code');
			}
		})
	};
	
	
	var v = jQuery("#contact_form").validate({
			submitHandler: function(form) {
				var $submitButton = $("button[type='submit']");
				$submitButton.attr("disabled", "true");
				$submitButton.css('background-position', '0 -68px');
				$submitButton.css('cursor', 'default');
				jQuery(form).ajaxSubmit({
					dataType:  'json',
					success:   processJson
				});
			},
			rules: {
				name: 'required',
				email: {
					required: true,
					email: true
				},
				subject: 'required',
				message: 'required'
			},
			messages: {
				name: 'Veuillez préciser votre nom',
				email: {
					required: "Veuillez préciser votre courriel",
					email: "Votre courriel doit avoir le format nom@domaine.com"
				},
				subject: 'Veuillez préciser un sujet',
				message: 'Veuillez préciser un message'
			}
	});	
});