$(document).ready(function(){
	$("a.pieceLink").click (
		function ()
		{
			var pieceID = extractID ($(this).attr("id"));
			openPopup (pieceID, this);
			return false;
		}
	);
	
	$("#piecePopup a.close").click (
		function ()
		{
			closePopup ();
			return false;
		}
	).addClass("clickable");
	
});


function openPopup (pieceID, clicked)
{
	var piece = pieces[pieceID];
	if (piece)
	{
		$("#lightboxOverlay").css('height',$(document).height()).fadeIn (200);
		replaceMainImage (piece['lrg'].replace('XX', '01'));
		$("#mainImageLink").attr("href", piece['ori'].replace('XX', '01'));
		$("#popupPieceTitle").html (piece['Title']);
		$("#popupPieceDescription").html (piece['Description']);
		$("#popupThumbnails").html ("");
		for (var i = 1; i < 6; i++)
		{
			var src = piece['tmb'].replace ('XX', '0' + i);
			$("#popupThumbnails").append ('<li><a href="' + piece['ori'].replace('XX','01') + '" id="thumb_' + i + '"><img src="' + src + '" alt="" /></a></li>');
		}
		$("#popupThumbnails a").eq(0).addClass("current");
		$("#popupThumbnails a").click (
			function ()
			{
				var index = extractID ($(this).attr("id"));
				replaceMainImage (piece['lrg'].replace('XX', '0' + index));
				$("#popupThumbnails a").removeClass("current");
				$(this).addClass("current");
				$("#mainImageLink").attr("href", piece['ori'].replace('XX', '0' + index));
				return false;
			}
		);
		
		var popupHeight = 700;
		var popupWidth = 745;
		var pageHeight = $(window).height ();
		var pageWidth = $(window).width ();
		var top = parseInt ((pageHeight - popupHeight) / 2) + $(window).scrollTop();
		if (top < 30)
			top = 30;
		var left = parseInt ((pageWidth - popupWidth) / 2);
		$("#piecePopup").css({'top': top,'left':left}).slideDown (200);
	}
}

function replaceMainImage (newSource)
{
	var img = new Image();
	img.src = newSource;
	if (img.complete)
	{
		$("#popupMainImage").attr("src", newSource).css("padding",0);
	}
	else
	{
		setLoadingGraphic ();
		$(img).load(
			function ()
			{
				$("#popupMainImage").attr("src", newSource).css("padding",0);
			}
		);
	}
}

function setLoadingGraphic ()
{
	$("#popupMainImage").fadeOut (70, function ()
	{
		$("#popupMainImage").attr ("src","/graphics/loading.gif").css("padding",209).show ();
	});
}

function closePopup ()
{
	$("#lightboxOverlay").fadeOut (200);
	$("#piecePopup").fadeOut (200);
}