// JavaScript Document

$(document).ready(function(){
	
	$("#col_right table img").click(openlightbox);
	$("#plan a").click(showPlan);
	
		function showPlan(){
		
		$("#site").append("<div id = \"cache\"></div>");
		$("#site").append("<div id = \"zoneImage\"></div>");
		
		$("#cache").css({
			"width":"1148px",
			"height":"100%",
			"background":"black",
			"z-index":"10",
			"position":"absolute",
			"top":"0",
			"left":"0",
			"opacity":0.8
		});
		$("#zoneImage").css({	
			"height":"480px",
			"width":"300px",		
			"padding":"5px",
			"background":"white",
			"z-index":"20",
			"position":"absolute",
			"top":"50%",
			"left":"50%",
			"margin-left":"-150px",
			"margin-top":"-205px"
		});
		
		
		
		var $fichier = 'images/carte2.jpg';
		//var $titre = $(this).children().attr("title");
		//$("#zoneImage").append('<img src=\"images/carteacces.jpg\" alt=\"photo\" width=\"250\" height=\"400\">');
		$("#zoneImage").append("<img src=\"" + $fichier + "\" alt=\"\" width=\"300\" height=\"480\">");
		/*$("#zoneImage").append("<p>titre de la photo</p>");*/
		
		$("#zoneImage img").click(closelightbox);
		
	}
	
	function openlightbox(){
		
		var $fichier = $(this).attr("alt");
		var $titre = $(this).attr("title");
		var orientation = $(this).attr("height");
		
		$("#site").append("<div id = \"cache\"></div>");
		$("#site").append("<div id = \"zoneImage\"></div>");
		
		$("#cache").css({
			"width":"1148px",
			"height":"100%",
			"background":"black",
			"z-index":"10",
			"position":"absolute",
			"top":"0",
			"left":"0",
			"opacity":0.8
		});
		
		if (orientation == 100){
			$("#zoneImage").css({	
				"height":"333px",
				"width":"500px",		
				"padding":"10px",
				"background":"white",
				"z-index":"20",
				"position":"absolute",
				"top":"50%",
				"left":"50%",
				"margin-left":"-250px",
				"margin-top":"-210px"
			});	
			$("#zoneImage").append("<img src=\"" + $fichier + "\" alt=\"photo\" width=\"500\" height=\"333\">");
		}else{
			$("#zoneImage").css({	
				"height":"500px",
				"width":"333px",		
				"padding":"10px",
				"background":"white",
				"z-index":"20",
				"position":"absolute",
				"top":"50%",
				"left":"50%",
				"margin-left":"-166px",
				"margin-top":"-250px"
			});	
			$("#zoneImage").append("<img src=\"" + $fichier + "\" alt=\"photo\" width=\"333\" height=\"500\">");
		}
		
		
		$("#zoneImage img").click(closelightbox);
		
	}
	
	function closelightbox(){
		$("#zoneImage").remove();
		$("#cache").remove();
	}
});