var $j = jQuery.noConflict();

$j(function(){


//global vars
var form = $j("#formContact");
var formorder = $j("#formorder");

var fname = $j("#fname");
var lname = $j("#lname");

var phone = $j("#phone");
var email = $j("#email");

var city = $j("#city");
var country = $j("#country");
var message = $j("#message");

var fnameInfo = $j("#fnameInfo");
var lnameInfo = $j("#lnameInfo");

var phoneInfo = $j("#phoneInfo");
var emailInfo = $j("#emailInfo");

var cityInfo = $j("#cityInfo");
var countryInfo = $j("#countryInfo");
var messageInfo = $j("#messageInfo");

//On blur

fname.blur(validateFname);
lname.blur(validateLname);

phone.blur(validatePhone);
email.blur(validateEmail);

city.blur(validateCity);
country.blur(validateCountry);

message.blur(validateMessage);

//On key press

fname.keyup(validateFname);
lname.keyup(validateLname);

phone.keyup(validatePhone);
email.keyup(validateEmail);

city.keyup(validateCity);
country.keyup(validateCountry);

message.keyup(validateMessage);

//On Submitting
formorder.submit(function(){
		if(validateFname() & validateLname() & validatePhone() & validateEmail() & validateMessage())
			return true
		else
			return false;
	});
form.submit(function(){
		if(validateFname() & validateLname() & validatePhone() & validateEmail() & validateCity() & validateCountry() & validateMessage())
			return true
		else
			return false;
	});


function validateFname(){
	//if it's NOT valid
	if(fname.val().length < 4){
		fname.addClass("error");
		fnameInfo.text("Please enter the first name with more than 3 letters!");
		fnameInfo.addClass("error");
		return false;
	}
	//if it's valid
	else{
		fname.removeClass("error");
		fnameInfo.text("");
		fnameInfo.removeClass("error");
		return true;
	}
}

function validateLname(){
	//if it's NOT valid
	if(lname.val().length < 4){
		lname.addClass("error");
		lnameInfo.text("Please enter the last name with more than 3 letters!");
		lnameInfo.addClass("error");
		return false;
	}
	//if it's valid
	else{
		lname.removeClass("error");
		lnameInfo.text("");
		lnameInfo.removeClass("error");
		return true;
	}
}

function validateCity(){
	//if it's NOT valid
	if(city.val().length < 3){
		city.addClass("error");
		cityInfo.text("Please enter a city with more than 3 letters!");
		cityInfo.addClass("error");
		return false;
	}
	//if it's valid
	else{
		city.removeClass("error");
		cityInfo.removeClass("error");
		cityInfo.text("");
		return true;
	}
}

function validateCountry(){
	//if it's NOT valid
	if(country.val().length < 3){
		country.addClass("error");
		countryInfo.text("Please enter a country with more than 3 letters!");
		countryInfo.addClass("error");
		return false;
	}
	//if it's valid
	else{
		country.removeClass("error");
		countryInfo.removeClass("error");
		countryInfo.text("");
		return true;
	}
}

function validatePhone(){
	//if it's NOT valid
	var numericExpression = /^[0-9]+$/;

	if(phone.val().length < 10 || !phone.val().match(numericExpression) ){
		phone.addClass("error");
		phoneInfo.text("The Phone must have at least 10 digits!");
		phoneInfo.addClass("error");
		return false;
	}
	//if it's valid
	else{
		phone.removeClass("error");
		phoneInfo.removeClass("error");
		phoneInfo.text("");
		return true;
	}
}

function validateEmail(){
	//if it's NOT valid
	var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
	if(!email.val().match(emailExp)){
		email.addClass("error");
		emailInfo.text("Plese enter a valid e-mail adress!");
		emailInfo.addClass("error");
		return false;
	}
	//if it's valid
	else{
		email.removeClass("error");
		emailInfo.removeClass("error");
		emailInfo.text("");
		return true;
	}
}


function validateMessage(){
	//if it's NOT valid
	if(message.val().length < 10){
		message.addClass("error");
		messageInfo.text("The message has to be more than 10 characters!");
		messageInfo.addClass("error");
		return false;
	}
	//if it's valid
	else{
		message.removeClass("error");
		messageInfo.removeClass("error");
		messageInfo.text("");
		return true;
	}
}

});