$(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++) {
			var val = $(formToValid).find(".validEmpty").eq(i).attr('value');
			val = $.trim(val);
			if( !val ){
				$(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("The field <i>"+iLabel+"</i> is mandatory");
					}
					$(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("* Invalid email address");
					}
					$(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;
	}
}