$(document).ready(function(){
	//global vars
	var form = $("#customForm");
	var name = $("#name");
	var nameInfo = $("#nameInfo");
	var email = $("#email");
	var emailInfo = $("#emailInfo");
	var pass1 = $("#pass1");
	var pass1Info = $("#pass1Info");
	var pass2 = $("#pass2");
	var pass2Info = $("#pass2Info");
	var pnummer = $("#personnummer");
	var pnummer2Info = $("#personnummerInfo");
	var anvandarnamn = $("#anvandarnamn");
	var anvandarnamnInfo = $("#anvandarnamnInfo");
	var telefon = $("#telefon");
	var telefonInfo = $("#telefonInfo");
	
	
	
	
	//On blur
	
	name.blur(validateName);
	email.blur(validateEmail);
	pass1.blur(validatePass1);
	pass2.blur(validatePass2);
	
	//On key press
	name.keyup(validateName);
	pass1.keyup(validatePass1);
	pass2.keyup(validatePass2);
	pnummer.keyup(validatePersonnummer);
	anvandarnamn.keyup(validateAnvandarnamn);
	telefon.keyup(validateTelefon);
	
	//On Submitting
	form.submit(function(){
		if(validateName() & validateEmail() & validatePass1() & validatePass2() & validatePersonnummer() & validateAnvandarnamn() & validateTelefon())
			return true
			
		else
			return false;
	});
	
	//validation functions
	function validateEmail(){
		//testing regular expression
		var a = $("#email").val();
		var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
		//if it's valid email
		if(filter.test(a)){
			email.removeClass("error");
			emailInfo.text("");
			emailInfo.removeClass("error");
			return true;
		}
		//if it's NOT valid
		else{
			email.addClass("error");
			emailInfo.text("Du måste ange en giltig e-postadress!");
			emailInfo.addClass("error");
			return false;
		}
	}
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 4){
			name.addClass("error");
			nameInfo.text("Vi vill ha namn med fler än tre (3) bokstäver!");
			nameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("");
			nameInfo.removeClass("error");
			return true;
		}
	}
	function validatePass1(){
		var a = $("#password1");
		var b = $("#password2");

		//it's NOT valid
		if(pass1.val().length <5){
			pass1.addClass("error");
			pass1Info.text("Kom ihåg! Minst 5 tecken: bokstäver, nummer och '_'");
			pass1Info.addClass("error");
			return false;
		}
		//it's valid
		else{			
			pass1.removeClass("error");
			pass1Info.text("Minst 5 tecken: bokstäver, nummer och '_'");
			pass1Info.removeClass("error");
			validatePass2();
			return true;
		}
	}
	function validatePass2(){
		var a = $("#password1");
		var b = $("#password2");
		//are NOT valid
		if( pass1.val() != pass2.val() ){
			pass2.addClass("error");
			pass2Info.text("Lösenorden matchar inte!");
			pass2Info.addClass("error");
			return false;
		}
		//are valid
		else{
			pass2.removeClass("error");
			pass2Info.text("");
			pass2Info.removeClass("error");
			return true;
		}
	}
	function validatePersonnummer(){
		//if it's NOT valid
		if(pnummer.val().length < 12){
			pnummer.addClass("error");
			pnummer2Info.text("Ett personnummer har 12 siffror!");
			pnummer2Info.addClass("error");
			return false;
		}
		//if it's valid
		else{
			pnummer.removeClass("error");
			pnummer2Info.text("");
			pnummer2Info.removeClass("error");
			return true;
		}
	}
	
	function validateAnvandarnamn(){
		//if it's NOT valid
		if(anvandarnamn.val().length < 5){
			anvandarnamn.addClass("error");
			anvandarnamnInfo.text("Användarnamnet ska minst 5 tecken.");
			anvandarnamnInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			anvandarnamn.removeClass("error");
			anvandarnamnInfo.text("");
			anvandarnamnInfo.removeClass("error");
			return true;
		}
	}
	
	function validateTelefon(){
		//if it's NOT valid
		if(telefon.val().length < 10){
			telefon.addClass("error");
			telefonInfo.text("Ett mobiltelefonnummer består av 10 siffror.");
			telefonInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			telefon.removeClass("error");
			telefonInfo.text("");
			telefonInfo.removeClass("error");
			return true;
		}
	}
	

});