$(document).ready(function(){
	$("#pictureOverlayBg").css({opacity:"0.7"});
	var images = $("#pictureContainer img");
	var thumbs = $("a.galleryThumb");
	var imageDetails = $("#pictureOverlayContent div");
	
	images.not(":eq(0)").css({opacity:"0"});
	imageDetails.not(":eq(0)").css({opacity:"0"});
	
	function loadImage(imgNumber){
		images.eq(imgNumber).stop().animate({opacity:"1"}, 1000);
		images.not(":eq(" + imgNumber + ")").stop().animate({opacity:"0"}, 1000);
		
		thumbs.eq(imgNumber).stop().animate({opacity:"1"}, 1000);
		thumbs.not(":eq(" + imgNumber + ")").stop().animate({opacity:"0.5"}, 1000);
		
		imageDetails.eq(imgNumber).stop().animate({opacity:"1"}, 1000);
		imageDetails.not(":eq(" + imgNumber + ")").stop().animate({opacity:"0"}, 1000);
	}
	
	thumbs.click(function(){
		var thumbNumber = thumbs.index($(this));
		loadImage(thumbNumber);
	});

});