$(function (){
	var controller = new ScrollMagic.Controller();
	var tl = new TimelineMax();

	//init
	TweenMax.set('.section01 div.text', {y:25, opacity:0});
	TweenMax.set('.section01 div.graph div.dot span', {opacity:0, scale:0.95});
	TweenMax.set('.section01 div.graph span[class*="line"]', {opacity:0});
	TweenMax.set('.section02 ul.list li', {opacity:0, y:20});
	TweenMax.set('.solution div.text', {opacity:0, x:30});
	TweenMax.set('.solution.left div.text', {opacity:0, x:-30});
	TweenMax.set('.solution span.figure', {y:-40, opacity:0});
	TweenMax.set('.solution div.img', {y:40});



	//section01
	var mainBG = TweenMax.from('.section01 div.img', 5, {
		scale:1.06,
		yoyo:true,
		repeat:-1,
		repeatDelay:0.5,
		ease: Power0.easeNone
	});
	var mainText = TweenMax.to('.section01 div.text', 1.6, {
		y:0,
		delay:0.1,
		opacity:1,
		ease: Power3.easeOut
	});
	var graphLine = TweenMax.staggerTo('div.graph span[class*="line"]', 0.2, {
		delay:0.5,
		opacity:1,
		ease: Power0.easeNone
	},0.18);
	var graphDot = TweenMax.staggerTo('div.graph div.dot span', 0.7, {
		delay:0.2,
		opacity:1,
		scale:1,
		yoyo:true,
		repeat:-1,
		repeatDelay:0.5,
		ease: Power0.easeNone
	},0.2);



	//section02
	var keySection = TweenMax.staggerTo('.section02 ul.list li', 1, {
		opacity:1,
		y:0,
	},0.15);



	//section03
	var s3_bg = TweenMax.to('.section03', 5, {
		backgroundSize: '+=2.2%',
		yoyo:true,
		repeat:-1,
		repeatDelay:0.01,
	});
	var s3_figure = TweenMax.to('.section03 span.figure', 1, {
		y:0,
		opacity:1,
		delay:0.25,
		ease: Power2.easeOut
	});
	var s3_img1 = TweenMax.to('.section03 div.img', 1, {
		y:0,
		delay:0.25,
		ease: Power2.easeOut
	});
	var s3_txt = TweenMax.to('.section03 div.text', 1, {
		opacity:1,
		x:0,
		delay:0.3,
		ease: Power2.easeOut
	});

	//section04
	var s4_figure = TweenMax.to('.section04 span.figure', 1, {
		y:0,
		opacity:1,
		delay:0.25,
		ease: Power2.easeOut
	});
	var s4_img1 = TweenMax.to('.section04 div.img', 1, {
		y:0,
		delay:0.25,
		ease: Power2.easeOut
	});
	var s4_txt = TweenMax.to('.section04 div.text', 1, {
		opacity:1,
		x:0,
		delay:0.3,
		ease: Power2.easeOut
	});


	//section05
	var s5_bg = TweenMax.to('.section05', 2, {
		backgroundPositionY: '-10px',
		yoyo:true,
		repeat:-1,
	});
	var s5_figure = TweenMax.to('.section05 span.figure', 1, {
		y:0,
		opacity:1,
		delay:0.25,
		ease: Power2.easeOut
	});
	var s5_img1 = TweenMax.to('.section05 div.img', 1, {
		y:0,
		delay:0.25,
		ease: Power2.easeOut
	});
	var s5_txt = TweenMax.to('.section05 div.text', 1, {
		opacity:1,
		x:0,
		delay:0.3,
		ease: Power2.easeOut
	});


	//section06
	var s6_figure = TweenMax.to('.section06 span.figure', 1, {
		y:0,
		opacity:1,
		delay:0.25,
		ease: Power2.easeOut
	});
	var s6_img1 = TweenMax.to('.section06 div.img', 1, {
		y:0,
		delay:0.25,
		ease: Power2.easeOut
	});
	var s6_txt = TweenMax.to('.section06 div.text', 1, {
		opacity:1,
		x:0,
		delay:0.3,
		ease: Power2.easeOut
	});


	//section07
	var s7_bg = TweenMax.to('.section07', 2, {
		backgroundPositionY: '-10px',
		yoyo:true,
		repeat:-1,
	});
	var s7_figure = TweenMax.to('.section07 span.figure', 1, {
		y:0,
		opacity:1,
		delay:0.25,
		ease: Power2.easeOut
	});
	var s7_img1 = TweenMax.to('.section07 div.img', 1, {
		y:0,
		delay:0.25,
		ease: Power2.easeOut
	});
	var s7_txt = TweenMax.to('.section07 div.text', 1, {
		opacity:1,
		x:0,
		delay:0.3,
		ease: Power2.easeOut
	});


	var scene = new ScrollMagic.Scene({triggerElement: '.section01', reverse:false}).setTween(mainBG, mainText, graphDot, graphLine).addTo(controller);

	var scene = new ScrollMagic.Scene({triggerElement: '.section02', reverse:false}).setTween(keySection).addTo(controller);

	var scene = new ScrollMagic.Scene({triggerElement: '.section03', reverse:false}).setTween(s3_txt).addTo(controller);
	var scene = new ScrollMagic.Scene({triggerElement: '.section03', reverse:false}).setTween(s3_figure).addTo(controller);
	var scene = new ScrollMagic.Scene({triggerElement: '.section03', reverse:false}).setTween(s3_img1).addTo(controller);
	var scene = new ScrollMagic.Scene({triggerElement: '.section03', reverse:false}).setTween(s3_bg).addTo(controller);

	var scene = new ScrollMagic.Scene({triggerElement: '.section04', reverse:false}).setTween(s4_txt).addTo(controller);
	var scene = new ScrollMagic.Scene({triggerElement: '.section04', reverse:false}).setTween(s4_figure).addTo(controller);
	var scene = new ScrollMagic.Scene({triggerElement: '.section04', reverse:false}).setTween(s4_img1).addTo(controller);


	var scene = new ScrollMagic.Scene({triggerElement: '.section05', reverse:false}).setTween(s5_txt).addTo(controller);
	var scene = new ScrollMagic.Scene({triggerElement: '.section05', reverse:false}).setTween(s5_figure).addTo(controller);
	var scene = new ScrollMagic.Scene({triggerElement: '.section05', reverse:false}).setTween(s5_img1).addTo(controller);
	var scene = new ScrollMagic.Scene({triggerElement: '.section05', reverse:false}).setTween(s5_bg).addTo(controller);

	var scene = new ScrollMagic.Scene({triggerElement: '.section06', reverse:false}).setTween(s6_txt).addTo(controller);
	var scene = new ScrollMagic.Scene({triggerElement: '.section06', reverse:false}).setTween(s6_figure).addTo(controller);
	var scene = new ScrollMagic.Scene({triggerElement: '.section06', reverse:false}).setTween(s6_img1).addTo(controller);

	var scene = new ScrollMagic.Scene({triggerElement: '.section07', reverse:false}).setTween(s7_txt).addTo(controller);
	var scene = new ScrollMagic.Scene({triggerElement: '.section07', reverse:false}).setTween(s7_figure).addTo(controller);
	var scene = new ScrollMagic.Scene({triggerElement: '.section07', reverse:false}).setTween(s7_img1).addTo(controller);
	var scene = new ScrollMagic.Scene({triggerElement: '.section07', reverse:false}).setTween(s7_bg).addTo(controller);

});