/***************************/
//@Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

$(document).ready(function(){
	//global vars
	var form = $("#customForm");
	var name = $("#name");
	var nameInfo = $("#nameInfo");
	var surname = $("#surname");
	var surnameInfo = $("#surnameInfo");
	var address = $("#address");
	var addressInfo = $("#addressInfo");
	var mail = $("#mail");
	var mailInfo = $("#mailInfo");
	var location = $("#location");
	var locationInfo = $("#locationInfo");
	var phone = $("#phone");
	var phoneInfo = $("#phoneInfo");
	var email = $("#email");
	var emailInfo = $("#emailInfo");
	/*var pass1 = $("#pass1");
	var pass1Info = $("#pass1Info");
	var pass2 = $("#pass2");
	var pass2Info = $("#pass2Info");*/
	var message = $("#message");
	
	//On blur
	name.blur(validateName);
	surname.blur(validateSurname);
	address.blur(validateAddress);
	mail.blur(validateMail);
	location.blur(validateLocation);
	email.blur(validateEmail);
	//On key press
	/*name.keyup(validateName);
	surname.keyup(validateSurname);
	address.keyup(validateAddress);
	mail.keyup(validateMail);
	location.keyup(validateLocation);
	email.keyup(validateEmail);*/
	
	//name.mouseover(textBoxOver);
	//On Submitting
	form.submit(function(){
		if(validateName() & validateSurname() & validateAddress() & validateMail() & validateLocation() & validateEmail())
			return true;
		else
			return false;
	});
	
	/*$('.bordered').mouseenter(function(){
      $(this).addClass("highlight");
    }).mouseleave(function(){
      $(this).removeClass("highlight");
    });*/
	
	function validateEmail(){
		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(filter.test(a)){
			emailInfo.text("");
			emailInfo.removeClass("error");
			emailInfo.addClass("correct");
			
			document.getElementById('imgEmail').className = ("accept");
			return true;
		} else {
			emailInfo.text("Prosimo vpišite veljavni e-naslov!");
			emailInfo.removeClass("correct");
			emailInfo.addClass("error");
			
			document.getElementById('imgEmail').className = ("error");
			return false;
		}
	}
	
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 2){
			nameInfo.text("Prosimo vpišite ime!");
			nameInfo.removeClass("correct");
			nameInfo.addClass("error");
			
			document.getElementById('imgName').className = ("error");
			return false;
		} else {
			nameInfo.text("");
			nameInfo.removeClass("error");
			nameInfo.addClass("correct");
			
			document.getElementById('imgName').className = ("accept");
			return true;
		}
	}
	
	function validateSurname() {
		if(surname.val().length < 4){
			surnameInfo.text("Prosimo vpišite priimek!");
			surnameInfo.removeClass("correct");
			surnameInfo.addClass("error");
			
			document.getElementById('imgSurname').className = ("error");
			return false;
		} else {
			surnameInfo.text("");
			surnameInfo.removeClass("error");
			surnameInfo.addClass("correct");
			
			document.getElementById('imgSurname').className = ("accept");
			return true;
		}
	}
	
	function validateAddress() {
		if(address.val().length < 1){
			addressInfo.text("Prosimo vpišite naslov!");
			addressInfo.removeClass("correct");
			addressInfo.addClass("error");
			
			document.getElementById('imgAddress').className = ("error");
			return false;
		} else {
			addressInfo.text("");
			addressInfo.removeClass("error");
			addressInfo.addClass("correct");
			
			document.getElementById('imgAddress').className = ("accept");
			return true;
		}	
	}
	
	function validateMail() {
		var a = $("#mail").val();
		var filter = /^[0-9]{4}$/;
		
		if(filter.test(a)) {
			mailInfo.text("");
			mailInfo.removeClass("error");
			mailInfo.addClass("correct");
			
			document.getElementById('imgMail').className = ("accept");
			return true;
		} else {
			mailInfo.text("Prosimo vpišite poštno številko!");
			mailInfo.removeClass("correct");
			mailInfo.addClass("error");
			
			document.getElementById('imgMail').className = ("error");
			return false;
		}
	}
	
	function validateLocation() {
		if(location.val().length < 1) {
			locationInfo.text("Prosimo vpišite vaš kraj!");
			locationInfo.removeClass("correct");
			locationInfo.addClass("error");
			
			document.getElementById('imgLocation').className = ("error");
			return false;
		} else {
			locationInfo.text("");
			locationInfo.removeClass("error");
			locationInfo.addClass("correct");
			
			document.getElementById('imgLocation').className = ("accept");
			return true;
		}
	}
	
	/*function validatePass1(){
		var a = $("#password1");
		var b = $("#password2");

		//it's NOT valid
		if(pass1.val().length <5){
			pass1.addClass("error");
			pass1Info.text("Ey! Remember: At least 5 characters: letters, numbers and '_'");
			pass1Info.addClass("error");
			return false;
		} else {			
			pass1.removeClass("error");
			pass1Info.text("At least 5 characters: letters, numbers and '_'");
			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("Passwords doesn't match!");
			pass2Info.addClass("error");
			return false;
		} else {
			pass2.removeClass("error");
			pass2Info.text("Confirm password");
			pass2Info.removeClass("error");
			return true;
		}
	}*/
	
	function validateMessage(){
		if(message.val().length < 10){
			message.addClass("error");
			return false;
		} else {			
			message.removeClass("error");
			return true;
		}
	}
});