$(document).ready(function(){
	for(n=0;n<5;n++){
	timeline1();
	timeline2();
	timeline3();
	timeline4();
	fadeout();
	}
	timeline1();
	timeline2();
	timeline3();
	timeline4();
	});


function timeline1(){
$("#layer1").css("top","-300px");
$("#layer1").animate({"top" : "0","opacity" : "1"},{duration:2000})
$("#layer1").animate({"opacity" : "1"},{duration:1000})
$("#layer1").animate({"opacity" : "0"},{duration:4000})
$("#layer1").animate({"opacity" : "0"},{duration:4000})
}

function timeline2(){
$("#layer2").css("opacity","0");
$("#layer2").animate({"opacity" : "0"},{duration:6000})
$("#layer2").animate({"opacity" : "1"},{duration:2000})
$("#layer2").animate({"opacity" : "0.5"},{duration:3000})

}

function timeline3(){
$("#layer3").css("opacity","0");
$("#layer3").animate({"opacity" : "1"},{duration:4000})
$("#layer3").animate({"opacity" : "1"},{duration:7000})

}

function timeline4(){
$("#layer4").css("left","500px");
$("#layer4").animate({"opacity":"1"},{duration:4000})
$("#layer4").animate({"left":"50px"},{duration:5000})
$("#layer4").animate({"opacity":"1"},{duration:2000})

}

function fadeout(){
$("#layer1").animate({"top":"-300px"},{duration:6000})
$("#layer2").animate({"opacity" : "0.5"},{duration:2000})
$("#layer2").animate({"opacity" : "0"},{duration:2000})
$("#layer2").animate({"opacity" : "0"},{duration:2000})
$("#layer3").animate({"opacity" : "1"},{duration:3000})
$("#layer3").animate({"opacity" : "0"},{duration:3000})
$("#layer4").animate({"opacity" : "1"},{duration:4000})
$("#layer4").animate({"opacity" : "0"},{duration:2000})
$("#layer4").animate({"left":"500px","opacity" : "1"},{duration:0})

}