// JavaScript Document

$(document).ready(function() {	

	//selection de tous les tags a avec la balise name="modal" 
	$('a[name=modal]').click(function(e) {
		//Désactivation du lien pour ces tags
		e.preventDefault();
		
		//on récupère la balise a
		var id = $(this).attr('href');
	
		//Récupération de la hauteur et la largeur de l'écran
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Application du masque (#masque) à la totalité de l'écran
		$('#masque').css({'width':maskWidth,'height':maskHeight});
		
		//effets de transition	
//		$('#masque').fadeIn(500);	//vitesse d'affichage du masque avec transparence en millisecondes : 1000 = 1 seconde 
		$('#masque').fadeTo(500,0.6);	// niveau de transparence du masque : 0.9 opaque, 0.1 transparent
	
		//Récupération de la taille de la fenêtre courante
		var winH = $(window).height();
		var winW = $(window).width();
              
		//positionne le popup au centre de la page
//		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('top',  349);
//		$(id).css('left', winW/2-$(id).width()/2);
		$(id).css('left', 195);
	
		//effet de transition pour l'affichage du contenu, le bloc de contenu s'affiche après le masque. 
		$(id).fadeIn(1500); 
	
	});
	
	//Si le bouton fermer est cliqué
	$('.window .close').click(function (e) {
		//Désactivation du lien
		e.preventDefault();
		
		$('#masque').hide();
		$('.window').hide();
	});		
	
	//Si on clique sur le masque (en dehors du popup) on ferme le popup
	$('#masque').click(function () {
		$(this).hide();
		$('.window').hide();
	});			
	
});