// JavaScript Document

	// cette variable sert a ajouter les styles specifiques a chaque popin
	var popinApparence;
	
	// INITIALISATION DE LA POPIN
	var initPopin = function(){
		var html = '<div class="masque" style="z-index:99">&nbsp;</div><div class="popinConteneur"></div>';
		$("body").append(html);
		var pageH = $("#body").height()+30;
		var screenH = screen.availHeight;
		if(pageH<screenH){
			pageH = screenH;
		}
		pageH = jQuery(document).height();
		$(".masque").height(pageH);
		
		// quand on clique pour ouvrir la popin partage
		$(".loadPartage").click(function(){
			var urlPartage = $(this).attr("href");
			$(".popinConteneur").load(urlPartage, "", function(){initClosePopin();});
			popinApparence = "popinPartageJS";
			$(".popinConteneur").addClass(popinApparence);
			$(".masque").show();					 
			$(".popinConteneur").show();
			if($.browser.msie && $.browser.version == 6) window.location = "#";
			return false;
		});
		
		// quand on clique pour ouvrir la popin elevage
		$(".loadElevage").click(function(){
			var urlElevage = $(this).attr("href");
			$(".popinConteneur").load(urlElevage, "", function(){initClosePopin();});
			popinApparence = "popinElevageJS";
			$(".popinConteneur").addClass(popinApparence);
			$(".masque").show();					 
			$(".popinConteneur").show();
			if($.browser.msie && $.browser.version == 6) window.location = "#";
			return false;
		});
		
		// quand on clique pour ouvrir la popin fabrication de la creme
		$(".loadCreme").click(function(){
			var urlCreme = $(this).attr("href");
			$(".popinConteneur").load(urlCreme, "", function(){initClosePopin();});
			popinApparence = "popinElevageJS";
			$(".popinConteneur").addClass(popinApparence);
			$(".masque").show();					 
			$(".popinConteneur").show();
			if($.browser.msie && $.browser.version == 6) window.location = "#";
			return false;
		});
		
		
		// quand on clique pour ouvrir la popin fabrication du beurre
		$(".loadBeurre").click(function(){
			var urlBeurre = $(this).attr("href");
			$(".popinConteneur").load(urlBeurre, "", function(){initClosePopin();});
			popinApparence = "popinBeurreJS";
			$(".popinConteneur").addClass(popinApparence);
			$(".masque").show();					 
			$(".popinConteneur").show();
			if($.browser.msie && $.browser.version == 6) window.location = "#";
			return false;
		});
		
		
		// quand on clique pour ouvrir la popin mot de passe oublie
		$(".loadOubliMdp").click(function(){
			var urlOubliMdp = $(this).attr("href");
			$(".popinConteneur").load(urlOubliMdp, "", function(){initClosePopin();});
			popinApparence = "popinInscriptionJS";
			$(".popinConteneur").addClass(popinApparence);
			$(".masque").show();					 
			$(".popinConteneur").show();
			if($.browser.msie && $.browser.version == 6) window.location = "#";
			return false;
		});
		
		// quand on clique pour ouvrir la popin recette video
		$(".loadRecetteVideo").click(function(){
			var urlRecetteVideo = $(this).attr("href");
			$(".popinConteneur").load(urlRecetteVideo, "", function(){initClosePopin();});
			popinApparence = "popinRecetteVideoJS";
			$(".popinConteneur").addClass(popinApparence);
			$(".masque").show();					 
			$(".popinConteneur").show();
			if($.browser.msie && $.browser.version == 6) window.location = "#";
			return false;
		});
		
		// quand on clique sur le cadeau (indice1)
		$(".loadIndice1").click(function(){
			var urlIndice1 = $(this).attr("href");
			$(".popinConteneur").load(urlIndice1, "", function(){initClosePopin();});
			popinApparence = "popinIndiceJS";
			$(".popinConteneur").addClass(popinApparence);
			$(".masque").show();					 
			$(".popinConteneur").show();
			if($.browser.msie && $.browser.version == 6) window.location = "#";
			return false;
		});
		
		// quand on clique sur le cadeau (indice2)
		$(".loadIndice2").click(function(){
			var urlIndice2 = $(this).attr("href");
			$(".popinConteneur").load(urlIndice2, "", function(){initClosePopin();});
			popinApparence = "popinIndiceJS";
			$(".popinConteneur").addClass(popinApparence);
			$(".masque").show();					 
			$(".popinConteneur").show();
			if($.browser.msie && $.browser.version == 6) window.location = "#";
			return false;
		});
		
		// quand on clique sur la dotation de la landing page
		$(".loadDotationLanding").click(function(){
			var urlDotationLanding = $(this).attr("href");
			$(".popinConteneur").load(urlDotationLanding, "", function(){initClosePopin();});
			popinApparence = "popinDotationsLandingJS";
			$(".popinConteneur").addClass(popinApparence);
			$(".masque").show();					 
			$(".popinConteneur").show();
			if($.browser.msie && $.browser.version == 6) window.location = "#";
			return false;
		});
		
		// quand on valide le formulaire d'inscription a la newsletter	
		$("#newsletterForm").submit(function () {
			if (subscribeNewsletter()) {
				var urlNewsletter = "/popin-validation-newsletter.html?reset=" + Math.random();
				$(".popinConteneur").load(urlNewsletter, "", function(){initClosePopin();});
				popinApparence = "popinNewsletterJS";
				$(".popinConteneur").addClass(popinApparence);
				$(".masque").show();					 
				$(".popinConteneur").show();
				if($.browser.msie && $.browser.version == 6) window.location = "#";
			}
			return false;
		});
		
		// quand on valide le formulaire de contact	
		$("#validationContactForm").val(function () {
			var urlConfirmEmail = "/popin-validation-contact.html?reset=" + Math.random();
			$(".popinConteneur").load(urlConfirmEmail, "", function(){initClosePopin();});
			popinApparence = "popinNewsletterJS";
			$(".popinConteneur").addClass(popinApparence);
			$(".masque").show();					 
			$(".popinConteneur").show();
			if($.browser.msie && $.browser.version == 6) window.location = "#";
			return false;
		});
		
		// quand on valide le formulaire d'inscription
		$("#validationInscriptionForm").val(function () {
			var urlConfirmInscription = "/popin-validation-inscription.html?reset=" + Math.random();
			$(".popinConteneur").load(urlConfirmInscription, "", function(){initClosePopin();});
			popinApparence = "popinInscriptionJS";
			$(".popinConteneur").addClass(popinApparence);
			$(".masque").show();					 
			$(".popinConteneur").show();
			if($.browser.msie && $.browser.version == 6) window.location = "#";
			return false;
		});
		
		// quand on a clique sur le lien d'activation dans l'email d'inscription
		$("#validationInscriptionActive").val(function () {
			var urlConfirmActivation = "/popin-activation-inscription.html?reset=" + Math.random();
			$(".popinConteneur").load(urlConfirmActivation, "", function(){initClosePopin();});
			popinApparence = "popinInscriptionJS";
			$(".popinConteneur").addClass(popinApparence);
			$(".masque").show();					 
			$(".popinConteneur").show();
			if($.browser.msie && $.browser.version == 6) window.location = "#";
			return false;
		});

		// quand on a clique sur le lien de desinscription dans la newsletter
		$("#unsubscribeNewsletterActive").val(function () {
			var urlConfirmDeinscription = "/popin-desinscription-newsletter.html?reset=" + Math.random();
			$(".popinConteneur").load(urlConfirmDeinscription, "", function(){initClosePopin();});
			popinApparence = "popinNewsletterJS";
			$(".popinConteneur").addClass(popinApparence);
			$(".masque").show();					 
			$(".popinConteneur").show();
			if($.browser.msie && $.browser.version == 6) window.location = "#";
			return false;
		});


		// JEU CONCOURS : quand on vient de s'inscrire	
		$("#validationBeginContestNoel").val(function () {
			var urlContestNoel = "/le-fabuleux-noel-d-elle-et-vire/popin-info-jeu.html?reset=" + Math.random();
			$(".popinConteneur").load(urlContestNoel, "", function(){initClosePopin();});
			popinApparence = "popinIndiceJS";
			$(".popinConteneur").addClass(popinApparence);
			$(".masque").show();					 
			$(".popinConteneur").show();
			if($.browser.msie && $.browser.version == 6) window.location = "#";
			return false;
		});
		
			
	}

	// FERMETURE DE LA POPIN
	var initClosePopin = function(){
		
		// quand on clique sur le bouton fermer on ferme la popin
		$(".fermerPopin").click(function(){
			$(".masque").hide();
			$(".popinConteneur").hide();
			$(".popinConteneur").removeClass(popinApparence);
			return false;
		});
		
		// quand on clique sur le masque on ferme la popin
		$(".masque").click(function(){
			$(".masque").hide();		 
			$(".popinConteneur").hide();
			$(".popinConteneur").removeClass(popinApparence);
			return false;
		});
		
		// CAS PARTICULIER pour le partage quand on envoie, on ferme la popin
		$("#partageForm").submit(function(){
			if (sendToFriend()) {
				$(".masque").hide();					 
				$(".popinConteneur").hide();
				$(".popinConteneur").removeClass(popinApparence);
			}
			return false;
		});
		
		// CAS PARTICULIER pour l'oubli de mot de passe, on ferme la popin
		$("#oubliMdpForm").submit(function(){
			if (forgotPassword(1)) {
				$(".masque").hide();					 
				$(".popinConteneur").hide();
				$(".popinConteneur").removeClass(popinApparence);
			}
			return false;
		});
	}
