jQuery(document).ready(function() {
	jQuery(":input[@type='text']").focus(function ()  {
	   jQuery(this).removeAttr('rel');
	   jQuery(this).attr({rel:'focus'}).css({backgroundColor: '#b2def7', border: '1px solid blue'});
	   jQuery(this).parent().find(".exemple").css({display:"block"});
	});
	jQuery(":input[@type='text']").blur(function () {
		jQuery(this).removeAttr('rel');
	   jQuery(this).attr({rel :'normal'}).css({backgroundColor: 'white', border: '1px solid #999999'});
		jQuery(this).parent().find(".exemple").css({display:"none"});
	}); 
  jQuery("#AjaxOn").hide();
  jQuery('#result-forms .required').prev('label').css('fontWeight', 'bold').end().after(' <span class="reqstar">*obligatoire</span>');
  var emailFormat = /[-_\.a-zA-Z0-9]+@[-_\.a-zA-Z0-9]+(\.\w)+/i;
  function validateForm() {
    var errorCount = 0;
    var formatError = false;
    var errorMessage = '<p>S\'il vous plaît entrer des informations dans les champs suivants: </p><ul style="margin-left:20px;">';
    jQuery('#result-forms .required').each(function(index) {
      if (!jQuery(this).val()) {
        /*select error input*/
		jQuery(this).css({backgroundColor: '#ffb5b5', border: '1px solid red'});
      	jQuery(this).next('.reqstar').fadeIn('slow').css({color: 'red', background: 'url(/img/button_cancel.png) no-repeat 0 50%', padding: '5px 5px 5px 25px'}).end();
      	jQuery(this).parent('div').addClass('erreur');
        errorMessage += '<li style="font-weight:bold;">' + jQuery(this).prev().text() + jQuery(this).siblings(".exemple").text() + '</li>';
        errorCount++;
      }else {
        jQuery(this).parent('div').removeClass('erreur');
        jQuery(this).next('.reqstar').fadeOut('slow');
      }
    });
    var jQueryemail = jQuery('#Email');
    if (!emailFormat.test(jQueryemail.val())) {
		jQueryemail.css({backgroundColor: '#ffb5b5', border: '1px solid red'});
      formatError = '<p style="color:red;font-weight:bold;">'+ '<img src="/img/alert.png" width="16px" height="16px" />' + "S'il vous plaît entrer l'adresse e-mail en utilisant le format correct (e.g. john@example.com)</p>";
      jQueryemail.parent('div').addClass('erreur');
      errorCount++;
    } else {
      jQueryemail.parent('div').removeClass('erreur');
    }
    if (errorCount > 0) {
      errorMessage += '</ul>';
      if (formatError) {
        errorMessage += formatError;
      }
      jQuery('div.log').show().html(errorMessage);
      return false;
    };
    jQuery(".AjaxOff").hide();
    jQuery(".AjaxOn").show();
};
  jQuery('#result-forms').ajaxForm({
		type:       'post',
		url:        'result/sendmail',
		clearForm: true,
		beforeSubmit: validateForm,
		success: function(e) {
				jQuery(".AjaxOn").hide();
				jQuery("#uSendForms").hide('slow');
				jQuery(".reponse").html(e).show('slow',function(){
					
					   jQuery(this).width("0%").animate({ width: "+=30%" }, 2000)
					   		.animate({ backgroundColor: "#fbc808", color:'#A71602', opacity: 0.8 }, {queue: false, duration: 2000});
							setTimeout(function(){
								jQuery(this).stop();
							}, 1000);
				   				},function() {
							jQuery(this).animate({backgroundColor:'#FFFFFF', color:'#444444'}, 2000)}
				);
		jQuery("#wizardResult").slideUp('slow');
		jQuery('#viewResult').show();
		}
	});
});