$(function() {
	$('#box-fullpic')
	.fadeIn(1500, function()
	{
		setTimeout( function()
		{
			$('#box-fullpic').fadeOut(1500);
			$('#boxes').fadeIn(1500);
		}, 1500);
	});

	$('#box-1').mouseenter(function () {
		$(this).animate({opacity: 1}, 300 );
		$('#box-2').animate({opacity: 0.5}, 300 );
		$('#box-3').animate({opacity: 0.5}, 300 );
	});
	$('#box-2').mouseenter(function () {
		$(this).animate({opacity: 1}, 300 );
		$('#box-1').animate({opacity: 0.5}, 300 );
		$('#box-3').animate({opacity: 0.5}, 300 );
	});
	$('#box-3').mouseenter(function () {
		$(this).animate({opacity: 1}, 300 );
		$('#box-1').animate({opacity: 0.5}, 300 );
		$('#box-2').animate({opacity: 0.5}, 300 );
	});
	$('#boxes').mouseleave(function () {
		$('.box').animate({opacity: 1}, 300 );
	});

});