// Screenshots Functions

$(document).ready(init);
	
function init (){
	$(".screenshots a, #photos a").click(showPreview);
	$("#previewPane").click(hidePreview);
}

function showPreview (){
	var 	imagePath = $(this).attr("href"),
			paneTop,
			paneLeft,
			paneWidth,
			paneHeight;
			
	$("#previewPane").html("");
	
	$("<img>")
		.attr({src: imagePath})
		.appendTo("#previewPane");
		
	$("<a href='#'>Click to Close</a>")
		.click(hidePreview)
		.appendTo("#previewPane");
		
	paneWidth = $("#previewPane").width();
	paneHeight = $("#previewPane").height();
	paneTop = ($(window).height() / 2) - (paneHeight / 2) + $(window).scrollTop() + "px";
	paneLeft = ($(document).width() / 2) - (paneWidth / 2) + "px";

	$("#previewPane")
		.css({
			top: paneTop,
			left: paneLeft
		})
		.fadeIn("fast");
	
	return false;
}

function hidePreview(){
	$("#previewPane").fadeOut("fast");
	return false;
}