$(document).ready(function(){
	
	$("a.external-link").click(function(event){
		event.preventDefault();
		window.open($(this).attr("href"));
	});
	
	//LOADING POPUP
	//Click the button event!
	$("a.button_bon-cadeau").click(function(e){
		e.preventDefault();
		$.scrollTo("#container",400,{onAfter:function(){
			//centering with css
			centerPopup();
			//load popup
			loadPopup();
		}});
		
	});
				
	//CLOSING POPUP
	//Click the x event!
	$("#popupContactClose").click(function(){
		disablePopup();
	});
	//Click out event!
	$("#backgroundPopup").click(function(){
		disablePopup();
	});
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});
	
	/** AU chargement de la page, opn fait bouger le bg de la div qui indique ou rentrer le texte */
	MoveToRight();
	
	
	/** Au clic sur une vignette, on change le fond de la div principale */
	$("div.bon-cadeau-vignettes a").click(function(event){
		
		/** on supprime l'effet du a au clic */
		event.preventDefault();
		
		/* on récupère l'url de l'image du fond du bon cadeau*/
		var ImgFond = $(this).attr("href"); 
		
		/** on supprime la class selected sur les vignettes */
		$("div.bon-cadeau-vignettes img").removeClass("selected");
		
		/** on ajoute la class selected sur la vignette cliquée */
		$(this).find("img").addClass("selected");
		
		$("div.bon-cadeau").fadeOut("fast", function(){
			$("img.bg_fond").attr("src",""+ImgFond+""); /* On change l'image de fond du bon cadeau */
			$("div.bon-cadeau").fadeIn("fast");
		});
	});
	
	/** Au clic sur mle bouton d'impression */
	$("div.btn_print a").click(function(event){
			event.preventDefault();
			$("div.indic_text, div.bon-cadeau-vignettes, div.btn_print").hide();
			$("div.show_vign").show();
			window.print();
		
	});
	
	$("div.show_vign").click(function(event){
		event.preventDefault();
		$("div.indic_text, div.bon-cadeau-vignettes, div.btn_print").show();
		$("div.show_vign").hide();
	});

});

//0 means disabled; 1 means enabled;
var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup(){
	//loads popup only if it is disabled
	if(popupStatus==0){
		$("#backgroundPopup").css({
			"opacity": "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		$("#popupContact").fadeIn("slow");
		popupStatus = 1;
	}
}

//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		$("#popupContact").fadeOut("slow");
		popupStatus = 0;
	}
}

//centering popup
function centerPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContact").height();
	var popupWidth = $("#popupContact").width();
	//centering
	$("#popupContact").css({
		"position": "absolute",
		"top": 10
		
	});
	//only need force for IE6
	
	$("#backgroundPopup").css({
		"height": windowHeight
	});
	
}


function MoveToRight() {
	$("div.indic_text").animate({backgroundPosition:"20px 0"},200, function(){
		MoveToLeft();
	});
}

function MoveToLeft() {
	$("div.indic_text").animate({backgroundPosition:"10px 0"},200, function(){
		MoveToRight();
	});
}