/* variables déclarées dans la page */
//visuelProduitUrl
//visuelProduitUrlZoom
//visuelProduitTexte
/* variable calculée dans le script */
var visuelProduitColoris = null;

$(document).ready(function() {
	// Tentative de récupération de l'url du visuel coloris
	var imgColoris = $(".imgZoomColoris");
	if (imgColoris.is("img")) {
		visuelProduitColoris = imgColoris.attr("src");	
		imgColoris.remove();
	}

	bindEventsFromVars();
	Sys.WebForms.PageRequestManager.getInstance().add_endRequest(bindEventsFromVars);
});

function ensureZoomContainerExists() {
	if (!$("#fpZoomContainerBackground").is("div")) {	
		var html = "";
		html += '<div id="fpZoomContainerBackground" style="display: none; position: fixed; left: 0px; top: 0px; z-index: 9998; width:100%; height:100%; background-color:black; opacity:0.4; filter: alpha(opacity=40); margin:0px; padding:0px"></div>';
		html += '<div id="fpZoomDiv" style="display: none;z-index:9999;width:100%;position:absolute;top:20%;" ><img id="fpZoomImg" src="" style="cursor: pointer;"></div>';
		$("body").append(html);
		$("#fpZoomImg").click(function() {
			$("#fpZoomDiv").fadeOut("slow");
			$("#fpZoomContainerBackground").fadeOut("slow");
		} )
	}
}

function bindEventsFromVars() {

	ensureZoomContainerExists();
	
	//click sur image
	$("img.imgProduit").click(function() {
		$("#fpZoomImg").attr("src", visuelProduitUrlZoom);
		$("#fpZoomDiv").fadeIn("slow");
		$("#fpZoomContainerBackground").fadeIn("slow");
	});
	//click sur bouton zoom
	$("a.linkButtonClassZoom").click(function() {
		$("#fpZoomImg").attr("src", visuelProduitUrlZoom);
		$("#fpZoomDiv").fadeIn("slow");
		$("#fpZoomContainerBackground").fadeIn("slow");
	});
	//click sur bouton coloris
	$("a.linkButtonClassVisuColoris").click(function() {
		$("#fpZoomImg").attr("src", visuelProduitColoris);
		$("#fpZoomDiv").fadeIn("slow");
		$("#fpZoomContainerBackground").fadeIn("slow");
	});

}