var visible=false;

function afficheRealisation(photo){
	$(".masque").css("opacity",0);
	$(".masque").css("display","block");
	var hauteur_masque=$(".contenu").outerHeight();
	positionZoom(hauteur_masque);
	$(".masque").height(hauteur_masque);
 	$(".masque").fadeTo("fast", 0.7, function (){
		$(".zoom_content").html('<img src="'+photo+'" class="photo" alt="" />');
		$(".zoom_content .photo").after('<div class="loader"></div>');
		$(".zoom_content .photo").hide();
		$(".zoom_content .photo").bind('load',function(){$(".zoom_content .loader").remove();$(".zoom_content .photo").show();});
		$(".zoom").show();		
	});
	visible=true;
}

function afficheProduit(ref){
	$(".masque").css("opacity",0);
	$(".masque").css("display","block");
	var hauteur_masque=$(".contenu").outerHeight();
	positionZoom(hauteur_masque);
	$(".masque").height(hauteur_masque);
 	$(".masque").fadeTo("fast", 0.7, function (){
		$(".zoom_content").html('<div class="loader"></div>');
		$(".zoom_content").load("produit_details.php", { 'ref' : ref });
		$(".zoom").show();		
	});
	visible=true;
}

function positionZoom(hauteur_masque){
	var margin_masque=hauteur_masque/2;
	margin_masque=0-margin_masque;
	var hauteur_total=$(".menu").outerHeight()+$(".bandeau").outerHeight()+$(".recherche").outerHeight();
	var scroll_top=$(document).scrollTop();
	if (scroll_top>hauteur_total)
	{
		margin_masque=margin_masque+(scroll_top-hauteur_total);
	}
	$(".zoom").css("margin-top",margin_masque);
}
 
function masqueRealisation(){
 	$(".zoom").hide();
	$(".masque").fadeTo("fast", 0);
	$(".masque").css("display","none");
	visible=false;
}

$(document).ready(function() {
	$(document).bind('click', function(e) {
		if(!visible){
			var $clicked=$(e.target);
			if($clicked.is('.bouton_zoom_photo')|| $clicked.parents().is('.bouton_zoom_photo')){
				var photo=$clicked.parents("a").attr("href");
				afficheRealisation(photo);
			}
			if($clicked.is('.bouton_zoom_produit')|| $clicked.parents().is('.bouton_zoom_produit')){
				var ref=$clicked.parents("a").andSelf().attr("name");
				afficheProduit(ref);
			}			
		}
		else { if(visible){
				var $clicked=$(e.target);
				if(!($clicked.is('.zoom')|| $clicked.parents().is('.zoom'))){
					masqueRealisation();		   
				}
			}
		}
	}); 
	
	$(".close_link").bind('click', function(e) {
			masqueRealisation();
			return false;								
	});
	
});