$jquery(function() {
  $jquery('.errorlab').hide();
  $jquery('input.text-input').css({backgroundColor:"#FFFFFF"});
  $jquery('input.text-input').focus(function(){
    $jquery(this).css({backgroundColor:"#C5D340"});
  });
  $jquery('input.text-input').blur(function(){
    $jquery(this).css({backgroundColor:"#FFFFFF"});
  });

  $jquery("#monsubmit_btn").click(function() {
		// validate and process form
		// first hide any error messages
    $jquery('.errorlab').hide();
		
		var monemail = $jquery("input#monemail").val();
	  var reg = new RegExp('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$', 'i');
    var resultat = reg.test(monemail);   
		if (monemail == "" || resultat == false) {
      $jquery("label#monemail_errorlab").show();
      $jquery("input#monemail").focus();
      return false;
    }
    var monnumero = $jquery("input#monnumero").val();
		if (monnumero == "") {
      $jquery("label#monnumero_errorlab").show();
      $jquery("input#monnumero").focus();
      return false;
    }    
   
		
		var dataString = 'monemail=' + monemail + '&monnumero=' + monnumero ;
		//alert (dataString);return false;
		
		$jquery.ajax({
      type: "POST",
      url: "maresa.php",
      data: dataString,
      dataType: "html",
      success: function(transport) {       	 	
        $jquery('#env-maresa').html("<div id='monretour'></div>");
        $jquery('#monretour').html(transport+"<div id='frm-maresa-retour' style='float:center;padding-top:20px;width:250px;'><div class='fermer' style='text-align:center;'><span>Fermer</span></div></div>");          
        $jquery("#frm-maresa-retour").click(function(){             	                 	  	         	          
          $jquery("#box-maresa").animate({marginLeft:'-1422px'},'slow');                       
        });            
      },
      error: function() { 
        $jquery('#env-maresa').html("<div id='monretour'></div>");
        $jquery('#monretour').html("Erreur lors de l'envoi.");   
        $jquery("#box-maresa").animate({marginLeft:'-1422px'},'slow'); 
      }
     });
    return false;
	});
});

    $jquery(document).ready(function(){ 
    	     	   
	    	  						       
        $jquery("#button-maresa").click(function(){        	  	            
					 $jquery("#box-maresa").animate({marginLeft:'1422px'},'slow');         
        });
        $jquery("#frm-maresa-b").click(function(){       	                 	  	         	
              $jquery("#box-maresa").animate({marginLeft:'-1422px'},'slow');                             
        });                                                       
        
    });