var animation = gsap.timeline({ repeat: 0 , repeatDelay: 3} );

animation.from("#all", {duration:0.1, autoAlpha:0})



	


	

	.from("#img-1", { 
							duration:2, 
							scale:1.3,
							x:10,
							y:20,
							opacity:0
						})

	.set("#logo-0",{

		opacity:0

	})


	.from("#logo-1", { 
							
							y:10,
							ease:"back",
							opacity:0
							
						
						},"=-0.5")


	.from("#bg-green", { 
							duration:1,
							x:-250,
							ease:"back",
							opacity:0
						
						},"=1")


	.from("#text-1 > *", { 
							duration:0.5, 
							y:15,
							stagger:0.2,
							scaleY:0.1,
							ease:"back",
							opacity:0,
						},"=-0.5")

						

	.to("#text-1 > *",{
							duration:0.5, 
							y:15,
							stagger:0.2,
							scaleY:0.1,
							opacity:0,
							ease:"back"

	},"=2")

	.addLabel("slide-2")

	.to("#bg-green", {
		duration:1, 
		x:-500,
		
	})

	

	.to("#img-1", { 
		duration:1,
		opacity:0,
		scale:1.2,
	},"<")


	.from("#img-2", { 
		duration:1,
		scale:1.2,
		ease:"Power",
		opacity:0
	},"<")

	.to("#bg-green", {
		duration:1, 
		x:0,
		
	},"=1")

	.from("#text-2 > *", { 
		duration:0.5, 
		y:15,
		stagger:0.2,
		scaleY:0.1,
		ease:"back",
		opacity:0
	},"=-0.5")

	

	.to("#text-2 > *",{
		duration:0.5, 
		y:15,
		stagger:0.2,
		scaleY:0.1,
		opacity:0,
		ease:"back"

	},"=2")

	.addLabel("slide-3")

	.to("#bg-green", {
		duration:1, 
		x:-500,
		
	})


	

	.to("#img-2", { 
		duration:1,
		opacity:0,
		scale:1.2,
	},"<")

	.from("#img-3", { 
		duration:1,
		scale:1.2,
		ease:"Power",
		opacity:0
	},"<")


	.to("#bg-green", {
		duration:1, 
		x:0,
		
	},"=1")

	.from("#text-3 > *", { 
		duration:0.5, 
		y:15,
		stagger:0.2,
		scaleY:0.1,
		ease:"back",
		opacity:0
	},"=-0.5")

	

	.to("#text-3 > *",{
		duration:0.5, 
		y:15,
		stagger:0.2,
		scaleY:0.1,
		opacity:0,
		ease:"back"

	},"=2")

	.addLabel("slide-3")

	.to("#bg-green", {
		duration:1, 
		x:-500,
		
	})

	


	.to("#img-3", { 
		duration:1,
		opacity:0,
		scale:1.2,
	},"=")

	.from("#bg-golden", { 
		duration:1,
		x:-480,
		ease:"back",
		
	
	},"<")


	.from("#text-4 > *", { 
		duration:0.5, 
		y:15,
		stagger:0.2,
		scaleY:0.1,
		ease:"back",
		opacity:0
	},"=-0.5")




	.from("#logo-2", { 
							
		y:10,
		ease:"back",
		opacity:0
		
	
	},"<")


	.from("#btn", { 
							
		y:10,
		ease:"back",
		opacity:0
		
	
	})

	.to("#logo-1", {
		duration:1, 
		opacity:0,
		y:20
		
	},"<")


	.addLabel("screen")


function init(){


	//animation.pause("screen");

	animation.play();

	
	console.log("init");

}


window.addEventListener("load",init)

console.log(animation.duration());