jQuery(function ($) {

	function slideone(){
		$('#animation #one').delay(100).fadeIn( 2000 );
		$('#animation #two').delay( 2000 ).fadeIn(2000);
		$('#animation #bg').fadeIn(2500);
	}
		
	function slidetwo(){
		$('#animation #one').delay(2800).fadeOut('slow');
		$('#animation #two').delay(800).fadeOut('slow');
	}
	
	function slidethree(){
		$('#animation #three').delay(5500).fadeIn(2000);
	}	
	
	function bgchange(){		
		$('#animation #bg').delay(4400).fadeOut(2000);
		$('#animation #bg2').delay(4400).fadeIn(2000);
	}
	
	function fadeone(){
		$('#animation #bg2').delay(3000).fadeOut('3000');
		$('#animation #three').delay(1500).fadeOut('3000');
	}
	
	function parttwo(){
		$('#animation #bg3').delay(9000).fadeIn(3000);
	}
	
	function dropone(){
		  $('#animation #four').delay( 10000 ).fadeIn(3000);
		  $('#animation #five').delay( 12000 ).fadeIn(3000);
		  $('#animation #six').delay( 14000 ).fadeIn(3000);
		  $('#animation #arrow').delay(14000).fadeIn(2000);
	}
	

	
	function lastfade(){
	$('#animation #four').delay( 7000 ).fadeOut(3000);
	$('#animation #five').delay( 6000 ).fadeOut(3000);
	$('#animation #six').delay( 5000 ).fadeOut(3000);
	$('#animation #arrow').delay(9000).fadeOut(3000);
	$('#animation #bg3').delay(10000).fadeOut(3000);
	}
	
	function animation(){
		slideone();
		slidetwo();
		slidethree();
		bgchange();
		fadeone();
		parttwo();
		dropone();
		lastfade();
	}
	
	
	$(document).ready(function(){
	
		animation();
		setInterval(function() {
		    animation();
		  }, 2500*10); 
	});

});	
	
	
//make whole arrow clickable
jQuery(function ($) {
	$(document).ready(function(){ 
	        $("#animation #arrow").click(function(){
	             window.location=$(this).find("a").attr("href");
	             return false;
	        }); 
	    } 
	); 
});