jQuery(document).ready(function($) {
	
	// photo gallery
	// hide big pics
	$('ul.galleryFull li').hide();
	
	// show the first picture initially
	var bigPic = $('ul.galleryFull li:first');
	var url = "url(" + bigPic.find('img').attr('src') + ")";
	$('#main_image').css("background-image", url);
	
	// set up thumbnail link style
	var active = $('ul.galleryThumbnail a:first img');
	$('ul.galleryThumbnail a img').fadeTo("fast", 0.5);
	active.fadeTo("fast", 1);
	
	// show big pics when clicking on thumbnails
	$('ul.galleryThumbnail a').click(function() {
		if(active != null) active.css("border", "1px solid #666").fadeTo("fast", 0.5);
		active = $(this).find('img').css("border", "1px solid #fff").fadeTo("fast", 1);
		
		//if(bigPic != null) bigPic.hide();
		var clicked = $(this).attr('href');
		
		// find the referenced full pic
		$('ul.galleryFull li').each(function() {
			var pic = $(this).find('img');
			if(pic.attr('src') == clicked) {
				bigPic = $(this);
			}
		});
		
		// fade in the image
		var url = "url(" + bigPic.find('img').attr('src') + ")";
		$('#main_image').fadeOut("fast", function() {
			$('#main_image').css("background-image", url);
			$('#main_image').fadeIn("fast");
		});
		
		return false;
	});
});