//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
var popupVisible = "";
//loading popup with jQuery magic!
function loadPopup(popup){
	var monId=$("#" + popup).find("img").attr("id");
        montre(monId);


	//loads popup only if it is disabled
	if(popupStatus==0){
		$("#backgroundPopup").css({
			"opacity": "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		$("#" + popup).fadeIn("slow");
		popupStatus = 1;
		popupVisible = popup;
	}
}

//disabling popup with jQuery magic!
function disablePopup(popup){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		$("#" + popup).fadeOut("slow");
		popupStatus = 0;
	}
}
//changiing popup with jQuery magic!
function changePopup(popup){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#" + popup).fadeOut("slow");
		popupStatus = 0;
	}
}

//centering popup
function centerPopup(popup){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#" + popup).height();
	var popupWidth = $("#" + popup).width();
	//centering
	$("#" + popup).css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	//only need force for IE6
	
	$("#backgroundPopup").css({
		"height": windowHeight
	});
	
}


//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
	//on cache les images
	montre('');
	//LOADING POPUP
	//Click the button event!
	$(".bout1").click(function(){
		var pop = $(".bout1").parent().parent().attr("id");
		var valRel = $(".bout1").attr("rel");
		
		//alert(pop + valRel);
		
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout2").click(function(){
		var pop = $(".bout2").parent().parent().attr("id");
		var valRel = $(".bout2").attr("rel");
		
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
		$(".bout3").click(function(){
		var pop = $(".bout3").parent().parent().attr("id");
		var valRel = $(".bout3").attr("rel");
		//disablePopup(pop);
		//centering with css
		changePopup(pop);
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
		$(".bout4").click(function(){
		var pop = $(".bout4").parent().parent().attr("id");
		var valRel = $(".bout4").attr("rel");
		
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
		$(".bout5").click(function(){
		var pop = $(".bout5").parent().parent().attr("id");
		var valRel = $(".bout5").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
		$(".bout6").click(function(){
		var pop = $(".bout6").parent().parent().attr("id");
		var valRel = $(".bout6").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout7").click(function(){
		var pop = $(".bout7").parent().parent().attr("id");
		var valRel = $(".bout7").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout8").click(function(){
		var pop = $(".bout8").parent().parent().attr("id");
		var valRel = $(".bout8").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout9").click(function(){
		var pop = $(".bout9").parent().parent().attr("id");
		var valRel = $(".bout9").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout10").click(function(){
		var pop = $(".bout10").parent().parent().attr("id");
		var valRel = $(".bout10").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout11").click(function(){
		var pop = $(".bout11").parent().parent().attr("id");
		var valRel = $(".bout11").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout12").click(function(){
		var pop = $(".bout12").parent().parent().attr("id");
		var valRel = $(".bout12").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout13").click(function(){
		var pop = $(".bout13").parent().parent().attr("id");
		var valRel = $(".bout13").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout14").click(function(){
		var pop = $(".bout14").parent().parent().attr("id");
		var valRel = $(".bout14").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout15").click(function(){
		var pop = $(".bout15").parent().parent().attr("id");
		var valRel = $(".bout15").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout16").click(function(){
		var pop = $(".bout16").parent().parent().attr("id");
		var valRel = $(".bout16").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout17").click(function(){
		var pop = $(".bout17").parent().parent().attr("id");
		var valRel = $(".bout17").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout18").click(function(){
		var pop = $(".bout18").parent().parent().attr("id");
		var valRel = $(".bout18").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout19").click(function(){
		var pop = $(".bout19").parent().parent().attr("id");
		var valRel = $(".bout19").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout20").click(function(){
		var pop = $(".bout20").parent().parent().attr("id");
		var valRel = $(".bout20").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout21").click(function(){
		var pop = $(".bout21").parent().parent().attr("id");
		var valRel = $(".bout21").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout22").click(function(){
		var pop = $(".bout22").parent().parent().attr("id");
		var valRel = $(".bout22").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout23").click(function(){
		var pop = $(".bout23").parent().parent().attr("id");
		var valRel = $(".bout23").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout24").click(function(){
		var pop = $(".bout24").parent().parent().attr("id");
		var valRel = $(".bout24").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout25").click(function(){
		var pop = $(".bout25").parent().parent().attr("id");
		var valRel = $(".bout25").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout26").click(function(){
		var pop = $(".bout26").parent().parent().attr("id");
		var valRel = $(".bout26").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout27").click(function(){
		var pop = $(".bout27").parent().parent().attr("id");
		var valRel = $(".bout27").attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
	});
	$(".bout").click(function(){
		var pop = $(this).parent().parent().attr("id");
		var valRel = $(this).attr("rel");
		changePopup(pop);
		//disablePopup(pop);
		//centering with css
		centerPopup(valRel);
		//load popup
		loadPopup(valRel);
		
	});
	
	//CLOSING POPUP
	//Click the x event!
	$(".popupContactClose").click(function(){
	//$("#popupContactClose").click(function(){
		disablePopup(popupVisible);
	});
	//Click out event!
	$("#backgroundPopup").click(function(){
		disablePopup(popupVisible);
	});
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});

});

//Visionneuse solutions emballage
//window.onload=montre;

//Fonction images

function montre(id) {
var d = document.getElementById(id);

	for (var i = 1; i<=10; i++) {

		if (document.getElementById('image'+i)) {document.getElementById('image'+i).style.display='none';}

	}

if (d) {d.style.display='block';}

}