function isValidEmailAddress(emailAddress) {
 		var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
 		
 		return pattern.test(emailAddress);
	}

$(function(){
	$(".login").after("<div class='connexion'></div>");
		$(".connexion").hide().css({
				"width":350,
				"height":160,
				"padding-top":10,
				"position":"absolute",
				"top": 15,
				"right":0,
				"background":"#E1E1E1",
				"z-index":10
			});
		var tradConnexion = $("input[name*=trad_connexion]").val();
		var tradPass =	$("input[name*=trad_password]").val();
		var tradInscri =	$("input[name*=trad_inscrire]").val();
		var tradEmail = $("input[name*=trad_email]").val();
		$(".connexion").html(
		"<form><table><tr><td>"+
			tradEmail+":"+
		"</td><td>"+
			"<input type=\"text\" class=\"mail\">"+
		"</td></tr><tr><td>"+
			tradPass+":"+
		"</td><td>"+
			"<input type=\"password\" class=\"pass\" />"+
		"</td></tr><tr><td colspan=\"2\" id=\"align_center\">"+
			"<input type=\"submit\" class=\"valconnexion\" value=\""+tradConnexion+"\"/> |"+
		" <a href=\"/client_connexion.html\">"+tradInscri+"</a>"+
		"</td></tr></table></form>");
		
		$(".login").click(function(){
			$(".connexion").animate({width: 'toggle'});
			$(".mail").focus();
			return false;
		});
		
		$(".valconnexion").live("click", function(){
			var email = $(".mail").val();
			if(!isValidEmailAddress(email)){
				$(".mail").css({"background-color":"orange"});
				return false;
			}
			
			$(".mail").css({"background-color":"white"});			
			var mdp = $(".pass").val();
			
			if(mdp.length < 4){
				$(".pass").css({"background-color":"orange"});
				return false;
			}
			
			$(".pass").css({"background-color":"white"});

			$.post("/fonctions/connexion.php",{
				'connexion[email]' :email,
				'connexion[password]':mdp
			}, function(data){
				if(data != 'NaN'){
					$(".valconnexion").css({"background-color":"white"});
					$(".login").click();
					setTimeout(function(){window.location.reload();}, 300);
				}else{
					$(".valconnexion").css({"background-color":"orange"});
				}
			});
			return false;
		});

});