$(document).ready(function() {

	$("#home,#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14, div.menu").css({ 'opacity':'0.2' });
	
	$('#home').animate({
		opacity: 0.5,
	}, 1000, function() {
		
		$("#home").startAnimation();		
		$("div.menu").startAnimation();
		
		$("#4").startAnimation();
		
		$('#9').animate({
			opacity: 0.5,
		}, 1000, function() {
			
			$("#9").startAnimation();
			
			$("#7").startAnimation();
			
			$("#14").startAnimation();
			
			$('#3').animate({
				opacity: 0.5,
			}, 1000, function() {
				
				$("#3").startAnimation();
				
				$("#12").startAnimation();
				
				$('#13').animate({
					opacity: 0.5,
				}, 1000, function() {
					
					$("#13").startAnimation();
					
					$("#1").startAnimation();
					
					$('#10').animate({
						opacity: 0.5,
					}, 1000, function() {
						
						$("#10").startAnimation();
						
						$("#2").startAnimation();
						
						$("#6").startAnimation();
						
						$('#5').animate({
							opacity: 0.5,
						}, 1000, function() {
							
							$("#5").startAnimation();
							
							$('#11').animate({
								opacity: 0.5,
							}, 1000, function() {
								
								$("#11").startAnimation();
								
								$("#8").startAnimation();
								
							});
							
						});
											  
					});
				  
				});
			  
			});
			
		  
		});
					
	  
	});

});

jQuery.fn.startAnimation = function() {

    $(this).animate({
		opacity: 1.0,
	}, 1000, function() { });

};