$(document).ready(function(){
	$('#NwsSub').click(function() { 
		var fullname = $("#fullname").val();
      	var email = $("#email").val();
      	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
      	if((fullname == 'Enter your full name') || (email == 'Enter your email')){
      		$.blockUI({ 
	            message: '<div style="font-size:24px; padding:10px;">Fill the form.</div>', 
	            timeout: 2000      
        	}); 
        	return false;
      	}
	   if(reg.test(email) == false) {
	      $.blockUI({ 
	            message: '<div style="font-size:24px; padding:10px;">Your email address is invalid.</div>', 
	            timeout: 2000      
        	}); 
        	return false;
	   }
      	
   		$.post('http://www.gea1.com/gea/send_newsletter',
   			{fullname: fullname, email: email},
		  	function(data){
		   		if(data.status == 'true'){
		   			$(".growl").html("<div style='font-size:24px;'>Your request send successfully!</div>");
		   			setTimeout($.unblockUI, 3000);
		   			var text = "";
		   			$("#fullname").val(text);
		   			$("#email").val(text);
		   		}else{
		   			$(".growl").html("<div style='font-size:24px;'><b>For technical reasons your request do not send!</b></div><br /><div style='margin:auto; width:200px;'>Please try again.</div>");
		   			setTimeout($.unblockUI, 3000); 
		   			var text = "";
		   			$("#fullname").val(text);
		   			$("#email").val(text);
		   		}
		  	}, "json"
		);
		$(".growl").html('<div style="padding: 10px; font-size: 24px;">Send request</div><div><img src="http://www.gea1.com/public/images/ajax-loader.gif" alt="loading" /></div>');
        $.blockUI({ 
            message: $('div.growlUI'), 
            fadeIn: 700, 
            fadeOut: 700, 
            //timeout: 3000, 
            showOverlay: false, 
            centerY: false, 
            css: { 
                width: '450px', 
                height: '200px', 
//                top: '300px', 
//                left: '', 
//                right: '400px', 
                border: 'none', 
                padding: '5px', 
                backgroundColor: '#000', 
                '-webkit-border-radius': '10px', 
                '-moz-border-radius': '10px', 
                opacity: .8, 
                color: '#fff' 
            } 
        }); 
        return false;
    }); 
});