// JavaScript Document

var $ecardsChoisie = "";
var $choix ="";
$(function(){
	$(".tableEcards a.choisir").click(
		function() {
			var $choix = $(this).attr("rel");
			$(".tableEcards img").each( function() { $(this).parent().parent().css("background-color","#FFFFFF"); } );
			$(".tableEcards img[src$='"+$choix+"']").parent().parent().css("background-color","#DAEA6A");
			$("input#ecardChoisie").val($choix);
			location.hash = "#etape2";
		}
	);
	
	
	$("#previsualisation").hide();
	$("#modifier").hide();
	$("span.erreur").hide();
	$("#visualiser, #envoyer").click(
		function(){
			var $err = false;
			
			if ($("#exp").val()==""){
				$("#err1").show("slow");	
				$err = true;
			}
			else {
				$("#err1").hide("slow");	
			}


			if ($("#dest-email").val()==""){
				$("#err2").show("slow");	
				$err = true;
			}
			else {
				$("#err2").hide("slow");	
			}


			if ($("#dest-nom").val()==""){
				$("#err3").show("slow");	
				$err = true;
			}
			else {
				$("#err3").hide("slow");	
			}


			if ($("#msg").val()==""){
				$("#err4").show("slow");	
				$err = true;
			}
			else {
				$("#err4").hide("slow");	
			}


			if ($("#ecardChoisie").val()==""){
				$("#err5").show("slow");	
				$err = true;
			}
			else {
				$("#err5").hide("slow");	
			}
			
			if ($("#exp-email").val()==""){
				$("#err6").show("slow");	
				$err = true;
			}
			else {
				$("#err6").hide("slow");	
			}
			
			if ($err==false){
				$("#action").val($(this).attr("id"));
				$("#formMessage").hide();
				$("#previsualisation img").attr("src","images_ecards/"+$("#ecardChoisie").val());
				$("#previsualisation #visuTo").empty().append("<b>"+$("#dest-nom").val()+"</b>");
				$("#previsualisation #visuFrom").empty().append("Vous avez reçu un message de la part de <b>"+$("#exp").val()+"</b>");
				$("#previsualisation #visuMsg").empty().append($("#msg").val());
				
				$("#previsualisation").css("visibility","visible").show();
				$("#visualiser").hide();
				$("#modifier").show();
			}
		}
	);
	
	$("#modifier").click(
		function(){
			$("#previsualisation").hide();	
			$("#formMessage").show();
			$("#visualiser").show();
			$("#modifier").hide();
		}
	);


	$("#envoyer").click(
		function(){
			var $err = false;
			
			if ($("#exp").val()==""){
				$("#err1").show("slow");	
				$err = true;
			}
			else {
				$("#err1").hide("slow");	
			}


			if ($("#dest-email").val()==""){
				$("#err2").show("slow");	
				$err = true;
			}
			else {
				$("#err2").hide("slow");	
			}


			if ($("#dest-nom").val()==""){
				$("#err3").show("slow");	
				$err = true;
			}
			else {
				$("#err3").hide("slow");	
			}


			if ($("#msg").val()==""){
				$("#err4").show("slow");	
				$err = true;
			}
			else {
				$("#err4").hide("slow");	
			}


			if ($("#ecardChoisie").val()==""){
				$("#err5").show("slow");	
				$err = true;
			}
			else {
				$("#err5").hide("slow");	
			}
			
			if ($("#exp-email").val()==""){
				$("#err6").show("slow");	
				$err = true;
			}
			else {
				$("#err6").hide("slow");	
			}

			if ($err==false){
				$("#previsualisation").hide();	
				$("#formMessage").hide();
				$("#visualiser").hide();
				$("#modifier").hide();
				$("#envoyer").hide();
				$("div#ajaxEnvoi").load("ecards-envoi-ajax.php?"+Math.random(),{expediteur:$("#exp").val(),expemail:$("#exp-email").val(),destemail:$("#dest-email").val(),destnom:$("#dest-nom").val(),msg:$("#msg").val(),srcEcard:$("#ecardChoisie").val()} );
			}
		}
	);
});