// Animate Traditional Art Navigation

$().ready(function() {	
	$('#artPieces img').css({ opacity:0 });	   
				   
	$('#artMap area').hover(
		function() { //mouseover
			var className = $(this).attr('class');
			var piece = $('#artPieces .'+className);
			$(piece).stop(true,true);
			$(piece).animate({ opacity:1 }, 300 );
		},
		function() { //mouseout
			var className = $(this).attr('class');
			var piece = $('#artPieces .'+className);
			$(piece).animate({ opacity:0 }, 600 );
		}
	);
});