$(document).ready(function() {
	if(document.getElementById("modal")) {
		setGallery();
	}
});

function setGallery() {
	$(".galleryItem>a").click(
		function() {
	
			var scrollHeight = $(window).scrollTop();
			var parent = $(this).parent("div");
			var fullSizeDiv = parent[0].getElementsByTagName("div")[1].innerHTML;

			$("#modalContent").html(fullSizeDiv);
			$("#overlay").css("display","block");
			$("#modal").css("display","block");

			var fullSizeImg = $("#modalContent img")[0];		
			var imgWidth = fullSizeImg.width;	
			var modalTop = (scrollHeight + 100) + "px";
			var modalMarginLeft = imgWidth/2;
			var marginLeft = (-modalMarginLeft) + "px";

			$("#modal").css("margin-left",marginLeft);
			$("#modal").css("top",modalTop);
			$("#modal").css("width",imgWidth);

			return false;
		}	
	);
	$(".galleryItem .imageShadow a").click(
		function() {

			var scrollHeight = $(window).scrollTop();
			var parent = $(this).parent("div").parent("div");
			var fullSizeDiv = parent[0].getElementsByTagName("div")[1].innerHTML;

			$("#modalContent").html(fullSizeDiv);
			$("#overlay").css("display","block");
			$("#modal").css("display","block");

			var fullSizeImg = $("#modalContent img")[0];		
			var imgWidth = fullSizeImg.width;	
			var modalTop = (scrollHeight + 100) + "px";
			var modalMarginLeft = imgWidth/2;
			var marginLeft = (-modalMarginLeft) + "px";

			$("#modal").css("margin-left",marginLeft);
			$("#modal").css("top",modalTop);
			$("#modal").css("width",imgWidth);

			return false;
		}	
	);
	$("#modal a").click(
		function() {
			$("#overlay").css("display","none");
			$("#modal").css("display","none");
			return false;
		}
	);
}