$(document).ready(function(){

	//global vars
	var eventId = $("#eventId");
	var regForm = $("#regForm");
	var submitMsg = $("#submitMsg");
	var refFormSend = $("#regFormSend");
	var regName = $("#regName");
	var nameInfo = $("#nameInfo");
	var regEmail = $("#regEmail");
	var emailInfo = $("#emailInfo");
	var regTel = $("#regTel");
	var regGender = $("#regGender");
	var regNation = $("#regNation");
	var regLang = $("#regLang");
	var regCam = $("#regCam");
	var regInterest01 = $("#regInterest01");
	var regInterest02 = $("#regInterest02");
	var regInterest03 = $("#regInterest03");
	
    regName.blur(validateName);
	regEmail.blur(validateEmail);
	//regName.keyup(validateName);
	//regEmail.keyup(validateEmail);
	
	//validation functions
	function validateEmail(){
		//testing regular expression
		var a = $("#regEmail").val();
		var filter = /^[a-zA-Z0-9_.-]+@+[a-zA-Z0-9.-]+.[a-z]{2,4}$/;
		//if it's valid email
		if(filter.test(a)){
			regEmail.removeClass("error");
			$("#emailInfo").css("color","#690");
			emailInfo.text("Nice!");
			emailInfo.removeClass("error");
			return true;
		}
		//if it's NOT valid
		else{
			regEmail.addClass("error");
			$("#emailInfo").css("color","#900");
			emailInfo.text("This doesn't look right.");
			emailInfo.addClass("error");
			return false;
		}
	}
	
	function validateName(){
			regName.addClass("error");
			nameInfo.text("VALIDATING.");
			nameInfo.addClass("error");
		//if it's NOT valid
		if(regName.val().length < 1){
			regName.addClass("error");
			$("#nameInfo").css("color","#900");
			nameInfo.text("What's your name?");
			nameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			regName.removeClass("error");
			$("#nameInfo").css("color","#690");
			nameInfo.text("Hello!");
			nameInfo.removeClass("error");
			return true;
		}
	}
	
	//on submit event
	$("#regForm").submit(function(){
		if(validateName() & validateEmail()){
			//we deactivate submit button while sending
			$("#regFormSend").attr({ disabled:true, value:"Sending..." });
			$("#regFormSend").blur();
			
			//send the post to php
			$.ajax({
				type: "POST",
				url: "http://www.beijingcp.com/php/register.php",
				data: $("#regForm").serialize(),
				
				complete: function(data){
					//$("#regForm").clearForm();
					//reactivate the send button
					$("#submitMsg").css("color","#690");
					submitMsg.text("Thank you for your registration! We will get in touch with you shortly with more information on the event.");
					$("#regFormSend").attr({ disabled:false, value:"Submit" });
				}
			 });
	
			
		}
		else alert("Please fill all fields!");
		//we prevent the refresh of the page after submitting the form
		return false;
	});
	
});