$(function() {
	
	
		var validateName = $('#validateName');
		var validateSurname = $('#validateSurname');
		var validateStreet = $('#validateStreet');
		var validatePostalcode = $('#validatePostalcode');
		var validateCity = $('#validateCity');
		var validateCountry = $('#validateCountry');
		var validateUsername = $('#validateUsername');
		var validatePassword = $('#validatePassword');
		var validatePassword2 = $('#validatePassword2');
		var validateEmail = $('#validateEmail');
		var paswoord = "";
		var paswoord2 = "";
		validateName.removeClass('error');
		validateSurname.removeClass('error');
		validateStreet.removeClass('error');
		validatePostalcode.removeClass('error');
		validateCity.removeClass('error');
		validateCountry.removeClass('error');
		validateUsername.removeClass('error');
		validatePassword.removeClass('error');
		validatePassword2.removeClass('error');
		validateEmail.removeClass('error');
		$('#name').keyup(function () {
			var t = this; 
			checkField(validateName, t, "Please fill in your name");
		});
		$('#surname').keyup(function () {
			var t = this; 
			checkField(validateSurname, t, "Please fill in your surname");
		});
		$('#street').keyup(function () {
			var t = this; 
			checkField(validateStreet, t, "Please fill in your street");
		});
		$('#postalcode').keyup(function () {
			var t = this; 
			checkField(validatePostalcode, t, "Please fill in your postalcode");
		});
		$('#city').keyup(function () {
			var t = this; 
			checkField(validateCity, t, "Please fill in your city");
		});
		$('#country').keyup(function () {
			var t = this; 
			checkField(validateCountry, t, "Please fill in your country");
		});
		$('#password').keyup(function () {
			var t = this; 
			paswoord = t.value;
			checkField(validatePassword, t, "Please fill in your password");
			checkPasswords();
		});

		$('#password2').keyup(function () {
			var t = this; 
			paswoord2 = t.value;
			checkPasswords();
		});
		
		function checkPasswords() {
			if (paswoord === paswoord2) {
				validatePassword2.removeClass('error');
				validatePassword2.addClass('ok').html('<span class="msg_tekst">Thank you.</span>');
				
			} else {
				validatePassword2.removeClass('ok');
				validatePassword2.addClass('error').html('<span class="msg_tekst">Please fill in the same password</span>');
			}
		}
		
		$('#email').keyup(function () {
			var t = this; 
			if (this.value != this.lastValue) {

				if (this.timer) clearTimeout(this.timer);

				if (!this.value) {
					validateEmail.removeClass('ok');
					validateEmail.addClass('error');
				} 
				this.timer = setTimeout(function () {
					
                    $.ajax({
                        url: 'includes/ajax_functions.php',
                        data: 'action=check_email&email=' + t.value,
                        dataType: 'json',
                        type: 'post',
                        success: function (j) {
                            // put the 'msg' field from the $resp array from check_username (php code) in to the validation message
                        	//alert("test");
                    		if (j.ok) {
                    			validateEmail.removeClass('error');
        						validateEmail.addClass('ok').html('<span class="msg_tekst">' + j.msg + '</span>');
                    		} else {
                    			validateEmail.removeClass('ok');
        						validateEmail.addClass('error').html('<span class="msg_tekst">' + j.msg + '</span>');
                    		}                    		
                        }
                    });
                }, 200);
				this.lastValue = this.value;
			}
		});
		$('#username').keyup(function () {
			var t = this; 
			if (t.value != t.lastValue) {

				if (t.timer) clearTimeout(t.timer);

				if (!t.value) {
					validateUsername.removeClass('ok');
					validateUsername.addClass('error').html('<span class="msg_tekst">Please fill in username</span>');
				} else {
					this.timer = setTimeout(function () {
						
	                    $.ajax({
	                        url: 'includes/ajax_functions.php',
	                        data: 'action=check_username&username=' + t.value,
	                        dataType: 'json',
	                        type: 'post',
	                        success: function (j) {
	                            // put the 'msg' field from the $resp array from check_username (php code) in to the validation message
	                        	//alert("test");
	                    		if (j.ok) {
	                    			validateUsername.removeClass('error');
	                    			validateUsername.addClass('ok').html('<span class="msg_tekst">' + j.msg + '</span>');
	                    		} else {
	                    			validateUsername.removeClass('ok');
	                    			validateUsername.addClass('error').html('<span class="msg_tekst">' + j.msg + '</span>');
	                    		}                    		
	                        }
	                    });
	                }, 200);
				}
				
				
				t.lastValue = t.value;
			}
		});
		
		function checkField(field, t, msg) {
			
			if (t.value != t.lastValue) {

				if (t.timer) clearTimeout(t.timer);

				if (!t.value) {
					field.removeClass('ok');
					field.addClass('error').html('<span class="msg_tekst">' + msg + '</span>');
				} else {
					field.removeClass('error');
					field.addClass('ok').html('<span class="msg_tekst">Thank you.</span>');
				}
				t.lastValue = t.value;
			}
		}
		
	});