$(document).ready(function() { 
    var options = { 
        target:        '#msgWebContact',   // target element(s) to be updated with server response 
        beforeSubmit:  showRequest,  // pre-submit callback 
        success:       showResponse,  // post-submit callback 
 
        // other available options: 
        //url:       url         // override for form's 'action' attribute 
        //type:      type        // 'get' or 'post', override for form's 'method' attribute 
        dataType:  'json'        // 'xml', 'script', or 'json' (expected server response type) 
        //clearForm: true        // clear all form fields after successful submit 
        //resetForm: true        // reset the form after successful submit 
 
        // $.ajax options can be used here too, for example: 
        //timeout:   3000 
    }; 
 
    // bind form using 'ajaxForm' 
    //$('#frmWebContact').ajaxForm(options); 
    
    //$('#frmWebContact').corner('round');
    //$('#btnSend').corner('round');
    
    $('#msgWebContact').hide();
    
    $('#frmWebContact').validate({
    	submitHandler: function(form) {
    		$(form).ajaxSubmit(options);
    	},
	   rules: {
	     lastname: "required",
	     subject: "required",
	     email: {
	       required: true,
	       email: true
	     },
	     crypto: "required"
	   },
	   debug:true,
	   messages: {
		 email: {
	       required: msg.required,
	       email: msg.valid_email
	     },	
	   	 lastname: {
	       required: msg.required
	     },	
	     subject: {
		       required: msg.required
		     },	
	     crypto:  {
	    	 required : msg.required
	     }
	   }	 
    	
    });
    

}); 
 
// pre-submit callback 
function showRequest(formData, jqForm, options) {

	//confirm sending
	if (!confirm(msg.send_confirm))
		return false;
    
    var loadingImgHTML = '<center><img src="@fck_resource@/image/layout/ajax-loader.gif" /></center>';
    
    var queryString = $.param(formData); 
 	
 	
 	$('#msgWebContact').show().html(loadingImgHTML);
    
    return true; 
} 
 
// post-submit callback 
function showResponse(response, statusText)  { 
 	
 	var txt= null;
	if (statusText == 'success' && response.success == true) 
 		
 		txt = '<span class="green">'+ msg.mail_sent +'</span>';

	else if (statusText == 'success' && response.message == "[ERROR] crypto unvailable")
		txt = '<span class="red">'+ msg.bad_crypto +'</span>';
	
	else 	
		txt = '<span class="red">'+ msg.mail_error +'</span>';
 	
 	$('#msgWebContact').html(txt);
 
    //alert('status: ' + statusText + '\n\nresponseText: \n' + responseText + '\n\nThe output div should have already been updated with the responseText.'); 
}