// Handles the fade in of the initial painting & updates subnav

$("document").ready(function() {
	$(".paintingContainer").css("display", "none");
	// fade in first painting
	$("#painting_1").fadeIn("slow");
	$("#paintingSubnav_1").addClass("currentPage");
});


function switchContent(contentID) {
	// Hide all paintings
	$(".paintingContainer").css("display", "none");
	
	// Center the painting
	//var imgWidth = ($("#painting_"+contentID).width());
 	//var leftMarginValue = ((720 - imgWidth)/2) + 16; 	
	// 16px adjust for dropshadows 
	//$("#painting_"+contentID + " .painting").css("margin-left", leftMarginValue );

	// Show selected painting
	$("#painting_"+contentID).fadeIn("slow");
	
	//Update the subnav
	$("ul#subNav li").removeClass("currentPage");
	// Show selected content
	$("#paintingSubnav_"+contentID).addClass("currentPage");
}