$(function() {
	
});

function makePaintingPopover(pntgData) {
	var elOverlay = $("<div/>", {
		"class" : "overlay",
		"click" : function() {
			//$("#container").fadeTo(300, 1);
			$(this).fadeOut(300, function() {
				$(this).remove();
			});
		}
	}).css({"display":"none"});
	var elDiv = $("<div/>", {
		"class" : "popover"
	}).appendTo(elOverlay);
	var elTitle = $("<h4/>", {"class":"title","text":pntgData.name}).appendTo(elDiv);
	var elYear = $("<p/>", {"class":"year","text":pntgData.year}).appendTo(elDiv);
	var elDMedium = $("<p/>", {"class":"medium","text":pntgData.medium}).appendTo(elDiv);
	var elDimensions = $("<p/>", {"class":"dimensions","text":pntgData.dimensions}).appendTo(elDiv);
	var elImage = $("<img/>", {
		"class" : "painting",
		"src" : "/"+pntgData.displayFile,
		"alt" : pntgData.name
	}).appendTo(elDiv);
	//$("#container").fadeTo(300, 0.5);
	elOverlay.appendTo("body").fadeIn(300);
}