$(document).ready(function() {	
 valid.init()
});

valid = {

	init : function()  {


		$("form").submit(function () { 
			var formToValid = this
			if($(formToValid).hasClass("fr")){
				lng = "f"
			}else(
				lng = "e"	
			)


			divErrorContainer = document.createElement('div')
			$(divErrorContainer).attr('id','formError');
			$(formToValid).prepend(divErrorContainer)

			var vA=valid.emptyInput(lng, formToValid);
			var vB=valid.emptyEmail(lng, formToValid);
			var vC=valid.emptyTel(lng, formToValid);


			if(vA && vB && vC){
				return true;
			}
			return valid.finall();

		});






	},

	emptyInput : function(lng, formToValid)  {

		var isError=false;

		emptyCountMax = $(formToValid).find(".validEmpty").size();

		$(formToValid).find(".validEmpty").parent().find(".labelName").css("color",""); // put back the normal color
		$(".emptyInputError").css({ display:"none"}); // Each time you start the script it disable error display, so when you push the button a seoncd time , you have only the new error of your form
		$(".validForm").css({ display:"none"});

		for (i=0; i < emptyCountMax; i++) {
			if($(formToValid).find(".validEmpty").eq(i).attr('value') == ""){
				$(formToValid).find(".validEmpty").eq(i).parent().find(".emptyInputError").css({ display:"block"});
				$(".validForm").css({ display:"block"});
				var errMess=$(formToValid).find(".validEmpty").eq(i).parent().find(".emptyInputError");

				if(errMess.length == 0){
					var divError = document.createElement('div')

					//namee = $('.validEmpty').eq(i).attr('name');

					var iLabel=$(formToValid).find(".validEmpty").eq(i).parent().find(".labelName").html();//le label du champ
					//enlиve le : du label
					iLabel=iLabel.replace(':','');
					//alert(iLabel);

					$(divError).addClass('emptyInputError');
					$(divError).addClass('error');
					if(lng=='f'){
						$(divError).html("Le champ <i>"+iLabel+"</i> est requis");
					} else {
						$(divError).html("Заполните поле "+iLabel+"");
					}
					$(formToValid).find(".validEmpty").eq(i).parent().find(".labelName").css("color","red");
					$('#formError').append(divError);
					// $('.validEmpty').eq(i).parent().append(divError) Append dans le parent du input
					//$('.validEmpty').eq(i).parent().css("color","red");
					$(divError).css({ display:"block",color:"red", clear:"both"});
				}
				isError=true;//valid.finall();

			}
		}

		return !isError;

	},

	emptyEmail : function(lng, formToValid)  {
		var isError=false;
		emptyCountMax =$(formToValid).find(".validEmail").size();
		$(".validEmailError").css({ display:"none"});
		$(".validForm").css({ display:"none"});
		$(formToValid).find(".validEmail").parent().find(".labelName").css("color",""); // put back the normal color


		var filter  = /^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/;
		for (i=0; i < emptyCountMax; i++) {


			var thisMail=$(formToValid).find(".validEmail").eq(i).attr('value');
			//alert(thisMail);
			if(!filter.test(thisMail)){

				$(formToValid).find(".validEmail").eq(i).parent().find(".validEmailError").css({ display:"block"})
				$(".validForm").css({ display:"block"})
				var errMess=$(formToValid).find(".validEmail").eq(i).parent().find(".validEmailError");

				if(errMess.length == 0){

					divError = document.createElement('div');

					$(divError).addClass('validEmailError');
					$(divError).addClass('error');
					if(lng=='f'){
						$(divError).text("* Adresse courriel non valide");
					}else {
						$(divError).text("Укажите адрес электронной почты");
					}
					$(formToValid).find(".validEmail").eq(i).parent().find(".labelName").css("color","red");
					$('#formError').append(divError);//$('.validEmail').eq(i).parent().append(divError);
					//$('.validEmail').eq(i).parent().css("color","red");
					$(divError).css({ display:"block",color:"red"});	
				}
				 isError=true;// valid.finall()
			}
		}
		return !isError;
	},

	emptyTel : function(lng, formToValid)  {
		var isError=false;
		emptyCountMax = $(formToValid).find(".validTel").size()
		$(".validTelError").css({ display:"none"})
		$(".validForm").css({ display:"none"})

		$(formToValid).find(".validTel").parent().find(".labelName").css("color",""); // put back the normal color

		for (i=0; i < emptyCountMax; i++) {

			var filter  = /^[0-9\-\(\)]+$/;	

			if(!filter.test($(formToValid).find(".validTel").eq(i).attr('value'))){
				$(formToValid).find(".validTel").eq(i).parent().find(".validTelError").css({ display:"block"})
				var errMess=$(formToValid).find(".validTel").eq(i).parent().find(".validTelError");
				$(".validForm").css({ display:"block"})
				if(errMess.length == 0){

					divError = document.createElement('div')

					$(divError).addClass('validTelError');
					$(divError).addClass('error');
					if(lng=='f'){
						$(divError).text("* Tйlйphone non valide");
					}else {
						$(divError).text("* Invalid phone number");
					}
					$('#formError').append(divError);///$('.validTel').eq(i).parent().append(divError);
					$(formToValid).find(".validTel").eq(i).parent().find(".labelName").css("color","red");
					$(divError).css({ display:"block",color:"red"});
				}	
				isError=true;//valid.finall();
			}	
		}
		return !isError;
	},

	finall : function()  {
		topOffset = $(".error").eq(0).offset().top;
		$('html,body').animate({scrollTop:topOffset},'slow');
		return false;
	}
}