$(document).ready(function(){
$("#hpNewsletterSignupForm").validate({  
     submitHandler: function(form) {
		
		
		 $.nyroModalManual({	   
	   type: 'form',
	   modal: true,
	   content: getProgressDialog('Chargement','Please wait while you are being registered.'),
	   minWidth: 350, // Minimum width
	   minHeight: 250,
	   width: 350,
	   height: 250,
	   resizable: false, // Indicate if the content is resizable. Will be set to false for swf
	   autoSizable: false,
	   padding: 0
	   
	  }); 
		
		
		
		 //$('#hpNewsletterSignupForm span.submit span').eq(0).text('Chargement...');

		 
	   $.ajax({
  type: "POST",
  url: "/ajax/post/_processHPSignUp.cfm",
  data: "emailAddress="+$('#signupemail').val(),
  cache: false,
  async: false,  
  success: function(html){	  
	  $('#signupemail').val('');
	  updateDialog('success','Votre inscription à la newsletter a bien été prise en compte. Merci.');	  
	   //$('#hpNewsletterSignupForm span.submit span').eq(0).text('Envoyer');
	 
  }
});
     },	
     rules: { 
	  signupemail: {
		required: true,
		email: true		  
	  }
	  
     },
	 messages: {
	  signupemail: "L'adresse e-mail indiquée est incorrecte."
	 }, 
	 errorPlacement: function(error, element) {  	
	  $('<br />').insertBefore(element);
	  error.insertBefore(element);	
	}	
  
 });



//End JQuery Code
});


function getProgressDialog(title,msg) {
 var oContainerDiv = document.createElement("div");
 var oHeaderDiv = document.createElement("div");
 var oTitleDiv = document.createElement("div"); 
 var oActionDiv = document.createElement("div");
 var oInteriorDiv = document.createElement("div");
 var oButtonsDiv = document.createElement("div");
 
 oHeaderDiv.className='modalHeader';
 oTitleDiv.className='modalTitle';
 oActionDiv.className='modalAction';
 oInteriorDiv.className='modalInterior progress';
 oButtonsDiv.className='modalButtons';
 
 oTitleDiv.innerHTML='<h2>'+title+'</h2>';
 oActionDiv.innerHTML='';
 oHeaderDiv.appendChild(oTitleDiv);
 oHeaderDiv.appendChild(oActionDiv);
 oInteriorDiv.innerHTML=msg; 
 oButtonsDiv.innerHTML='<input type="button" value="0K" onclick="$.nyroModalRemove();" id="primaryDialogButton" />';
 
 oContainerDiv.appendChild(oHeaderDiv);
 oContainerDiv.appendChild(oInteriorDiv);
 oContainerDiv.appendChild(oButtonsDiv);
 
 return oContainerDiv.innerHTML;
}


function updateDialog(type,msg) {
 switch(type) { 
  case 'error':   
   $('.modalInterior').removeClass("progress");
   $('.modalInterior').addClass("error");
   $('.modalInterior').html(msg);
   $('.modalButtons').css('display','block');	
   break;  
 case 'expire':
   $('.modalInterior').removeClass("progress");
   $('.modalInterior').addClass("error");
   $('.modalInterior').html(msg);
   $("#primaryDialogButton").click(function(){								
     top.window.location=location.href;											
     return false;
   });
   $('.modalButtons').css('display','block');	   
   break;
 case 'success':  
   $('.modalInterior').removeClass("progress");
   $('.modalInterior').html(msg);
   $('.modalButtons').css('margin-left','5px');
   $('.modalButtons').css('display','block');
   $("#primaryDialogButton").click(function(){								
     top.window.location=location.href;											
     return false;
   });
 }  
}