// Validation
$().ready(function() {
	$("#subscribe-form").validate({
		submitHandler: 
			function() { 
				subscribeform();
		},								 
		rules: {
			FirstName: "required",
			Surname: "required",
			referral: "required",	
			Other: "required",
			Email: {
				required: true,
				email: true
			}
		},
		messages: {
			FirstName: "Please enter your First Name",
			Surname: "Please enter your Surname",
			referral: "Please tell us how you heard of PPA",
			Other: "Please enter Other information",
			Email: "Please enter a valid email address"	
		}
	});
});

$.metadata.setType("attr", "validate");


//feedbackform	
function subscribeform() {

	var sendForm = function(element) {
		//alert("works");
		var xhr = new Hijax();
		xhr.setContainer(element);
		xhr.setUrl("/email-actions/subscribe.aspx");
		xhr.setCanvas(document.getElementById("contact-response"));
		xhr.setLoading(function() {
			displayLoading(document.getElementById("contact-response"));
		});
		xhr.setCallback(function() {
			success(document.getElementById("contact-response"));	
		});
		xhr.setErrorhandler(function() {
			displayError();
		});	
		xhr.captureData();
	};
	
	var displayLoading = function(element) {
		$('#contact-response').append('<div id="loader"><p class="loading-text">Sending</p> <img src="/Content/images/shared/misc/loading.gif" alt="Loading" class="loading"></div>');		
	};
	
	var displayError = function() {
		$('#contact-response').append('<div id="message"><p>Unfortunately there was an error processing your subscription. Please try again later.</p></div>')
	};
	
	var success = function(element) {
		$('#contact-response').append('<div id="message"><p class="success">Your email has been successfully submitted!</p></div>')	
		$('form').slideUp();
	};	

	var sform = document.getElementById("subscribe-form");
	sendForm(sform);
	sform = null;
	 
}