$(document).ready(function(){
	
	// Navigation hover states
	$('#header ul li').hover(function(){
		$(this).addClass('hoverstate');
	}, function(){
		$(this).removeClass('hoverstate');
	});
	
	// First, hide all portfolio images which aren't the first image
	$('.portfolio #main-image-container li').hide().filter(":first").show();
	// Also, hide all descriptions which aren't the first description
	$('.portfolio #caption li').hide().filter(":first").show();

	// Then, if you click a thumbnail
	// Use event to stop propagatio
	$('.portfolio #thumbs li img').click(function(){

		var imageId = $(this).parent().attr('id');
		
		$('.portfolio #main-image-container li').fadeOut('slow');
		$('.portfolio #caption li').fadeOut('slow');
		
		$('.portfolio #main-image-container li#main-'+imageId+'').fadeIn('slow');
		$('.portfolio #caption li#cap-'+imageId+'').fadeIn('slow');

	});
	

});