/**
 * @author Lorean de Vries
 */
jQuery().ready(function(){
		jQuery('#signupForm').validate({
			rules: {
				fullname: "required",
				email: {
					required: true,
					email: true,
					remote: "includes/emailcheck.php"
				},
				number: "required",
				usernameReg: {
					required: true,
					minlength: 5,
					remote: "includes/usercheck.php"
				},
				passwordReg: {
					required: true,
					minlength: 5
				},
				confirmPassword: {
					required: true,
					minlength: 5,
					equalTo: "#passwordReg"
				},
				terms: "required"
			},
			messages: {
				fullname: "<br/><font color='#ffff00' size='2px'><b><i>enter your fullname</i></b></font>",
				email: {
					required: "<br/><font color='#ffff00' size='2px'><b><i>enter a valid email address</i></b></font>",
					email: "<br/><font color='#ffff00' size='2px'><b><i>enter a valid email address</i></b></font>",
					remote: jQuery.format("<br/><font color='#ffff00' size='2px'><b><i>{0} is already used</i></b></font>")	
				},
				number: "<br/><font color='#ffff00' size='2px'><b><i>enter your number e.g: 0810001111</i></b></font>",
				usernameReg: {
					required: "<br/><font color='#ffff00' size='2px'><b><i>enter your username</i></b></font>",
					minlength: jQuery.format("<br/><font color='#ffff00' size='2px'><b><i>username must be at least {0} characters long</i></b></font>"),
					remote: jQuery.format("<br/><font color='#ffff00' size='2px'><b><i>{0} is already used</i></b></font>")
				},
				passwordReg:{
					required: "<br/><font color='#ffff00' size='2px'><b><i>enter your password</i></b></font>",
					minlength: jQuery.format("<br/><font color='#ffff00' size='2px'><b><i>password must be at least {0} characters long</i></b></font>"),
				},
				confirmPassword:{
					required: "<br/><font color='#ffff00' size='2px'><b><i>enter the password</i></b></font>",
					minlength: jQuery.format("<br/><font color='#ffff00' size='2px'><b><i>password must be at least {0} characters long</i></b></font>"),
					equalTo: "<br/><font color='#ffff00' size='2px'><b><i>password must be the same as above</i></b></font>"
				},
				terms: "<br/><font color='#ffff00' size='2px'><b><i>please accept our terms</i></b></font><br/>"
			}	
		});
		
		function processReg()
		{
			var fullname = jQuery('#fullname').attr('value');
    		var email = jQuery('#email').attr('value');
    		var number = jQuery('#number').attr('value');
    		var country = jQuery('#country').attr('value');
    		var username = jQuery('#usernameReg').attr('value');
    		var password = jQuery('#confirmPassword').attr('value');
    		var team = jQuery('#team').attr('value');
    		
    		jQuery.ajax({
    			type: "POST",
				url: "includes/join.php",
				dataType: "json",
				data: "fullname="+ fullname +"&email=" + email +"&number="+ 
				number +"&country=" + country +"&username="+
				username+"&password="+password+"&team="+ team,
				//success
				success: function (data)
				{
					alert("You have successfully registered");	
				},
				error: function(XMLHttpRequest, textStatus, errorThrown)
				{
					alert(errorThrown);	
				}
    		});
		}
		jQuery('#submit').click(function (){
			if(jQuery('#signupForm').valid())
			{
				processReg();
			}
			else
			{
				alert("An error has occured, please check your fields");
			}
		});
});
