$(document).ready(function() {
	$('.thumb:not(.active)').css('opacity', 0.5);
	
	$('.thumb').hover(function() { $(this).animate({ opacity : 1}, 200) }, function() { if(!$(this).hasClass('active')) $(this).animate({opacity: 0.5}, 200) });
	
	$('.thumb').click(function() {
		$('li').removeClass('active');
		$(this).addClass('active');
		$(this).css('opacity', 1);
		$('.thumb:not(.active)').css('opacity', 0.5);
		$('#mainImage').fadeOut(300, function() { $(this).attr('src', $('.active img').attr('src')) }).fadeIn();
	});
});