// JavaScript Document

$(document).ready(function() {
	$("#contact-form").validate({
		
		rules: {
			FirstName: "required",
			Surname: "required",
			ContactNumber: "required",
			State: "required",
			referral: "required",
			Other: "required",
			Email: {
				required: true,
				email: true
			}
		},
		messages: {
			FirstName: "Please enter your First Name",
			Surname: "Please enter your Surname",
			ContactNumber: "Please enter a Contact Number",			
			State: "Please enter your State",
			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");



//contact form	
function contactform() {

	var sendForm = function(element) {
		//alert("works");
		var xhr = new Hijax();
		xhr.setContainer(element);
		xhr.setUrl("/email-actions/contact.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 registration. 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 cform = document.getElementById("contact-form");
	sendForm(cform);
	cform = null;
	 
}