// javascript document
$(function(){
	var windowheight = $(window).height();
		var bg1height = $(".section-1");
		var offset = bg1height.offset();
		$(".section-1").each(function(){
			 var fold = $(window).height() + $(window).scrolltop();
			 if( fold = $(this).offset().top+40){
				$('.font-1').animate({margintop: 0,opacity: 1},1000);
				settimeout(function(){
					$('.title-1').animate({margintop: 0,opacity: 1},1000);
				 },500);
				settimeout(function(){
					$('.block-1').animate({margintop: 0,opacity: 1},900);
				 },1200);
				
			 }
		 });
		//addtween (目标、 补间动画、 持续时间、 反向的偏移量） 目标：滚动位置 （数量） 或元素 （字符串或对象）
		//补间动画： greensock 动画补间对象
		//持续时间:滚动以像素为单位 （0 表示自动播放） 补间动画的持续时间
		//的偏移量:调整动画起始点
		//反向：禁用反向动画上的向上滚动 （可选）
		//controller.addtween(10, tweenmax.to($('.section-1 .n-banner1'), .75, {css:{top: 600}, ease:quad.easeout}),200);
				
				
		var controller = $.superscrollorama({
			triggeratcenter: false,
			playoutanimations: true
		});
		
		controller.addtween(300,tweenmax.from( $('.section-2 .n-banner1'), .85, {css:{opacity:'0'}, ease:quad.easeout}),0);
		controller.addtween(300,tweenmax.from( $('.section-2 .t1'), .85, {css:{margintop:'-30px',opacity:'0'}, ease:quad.easeout}),0);
		controller.addtween(300,tweenmax.from( $('.section-2 .ft-1'), .85, {css:{margintop:'130px',opacity:'0'}, ease:quad.easeout}),0);
		controller.addtween(300,tweenmax.from( $('.section-2 .w-bg1'), .85, {css:{opacity:'0'}, ease:quad.easeout}),0);
		controller.addtween(500,tweenmax.from($('.slidetxtbox2'), .80, {css:{left:'-200px',opacity:'0'}, ease:quad.easeout}),0);
		controller.addtween(500,tweenmax.from($('.slidetxtbox1'), .80, {css:{right:'-200px',opacity:'0'}, ease:quad.easeout}),0);
		controller.addtween(900,tweenmax.from($('.s2-btn1'), .85, {css:{left:'-100px',opacity:'0'}, ease:quad.easeout}),0);
		controller.addtween(900,tweenmax.from($('.s2-btn2'), .85, {css:{right:'-100px',opacity:'0'}, ease:quad.easeout}),0);
		
		controller.addtween('.section-3',tweenmax.from( $('.section-3 .n-banner2'), .85, {css:{opacity:'0'}, ease:quad.easeout}),0,-600);
		controller.addtween('.section-3',tweenmax.from( $('.section-3 .t1'), .85, {css:{margintop:'-40px',opacity:'0'}, ease:quad.easeout}),0,-700);
		controller.addtween('.section-3',tweenmax.from( $('.section-3 .ft-1'), .85, {css:{margintop:'130px',opacity:'0'}, ease:quad.easeout}),0,-700);
		controller.addtween('.section-3',tweenmax.from( $('.section-3 .tabs'), .85, {css:{margintop:'200px',opacity:'0'}, ease:quad.easeout}),0,-600);
		controller.addtween('.section-3',tweenmax.from( $('.section-3 .scrollbar'), .85, {css:{opacity:'0'}, ease:quad.easeout}),0,-400);
		
		controller.addtween('.section-4',tweenmax.from( $('.section-4'), .85, {css:{opacity:'0'}, ease:quad.easeout}),0,-600);
		controller.addtween('.section-4',tweenmax.from( $('.section-4 .t4'), .85, {css:{margintop:'0px',opacity:'0'}, ease:quad.easeout}),0,-700);
		controller.addtween('.section-4',tweenmax.from( $('.section-4 .f4'), .85, {css:{margintop:'130px',opacity:'0'}, ease:quad.easeout}),0,-700);
		controller.addtween('.section-4',tweenmax.from( $('.section-4 .tabs-2'), .85, {css:{margintop:'200px',opacity:'0'}, ease:quad.easeout}),0,-600);
		controller.addtween('.section-4',tweenmax.from( $('.section-4 .block-fl strong'), .85, {css:{marginleft:'-200px',opacity:'0'}, ease:quad.easeout}),0,-500);
		controller.addtween('.section-4',tweenmax.from( $('.section-4 .block-fl span'), .85, {css:{marginleft:'-200px',opacity:'0'}, ease:quad.easeout}),0,-450);
		controller.addtween('.section-4',tweenmax.from( $('.section-4 .block-fl p'), .85, {css:{marginleft:'-200px',opacity:'0'}, ease:quad.easeout}),0,-300);
		controller.addtween('.section-4',tweenmax.from( $('.section-4 .block-fr'), .85, {css:{marginright:'-200px',opacity:'0'}, ease:quad.easeout}),0,-400);
		controller.addtween(
			'.section-4',
			(new timelinelite())
				.append([
					tweenmax.fromto($('.s4-dot1'), 0.85, 
						{css:{top: 129, rotation: 360}, immediaterender:true}, 
						{css:{top: 50,left:0, rotation: 180}}),
					tweenmax.fromto($('.s4-dot2'), 1.5, 
						{css:{top: 335}, immediaterender:true}, 
						{css:{top: 70,left:0, rotation: 80}}),
					tweenmax.fromto($('.s4-dot3'), 1.5, 
						{css:{top: 459,rotation: 360}, immediaterender:true}, 
						{css:{top: 100,left:0, rotation:180}}),
					tweenmax.fromto($('.s4-dot4'), 1.5, 
						{css:{top: 121,rotation: 360}, immediaterender:true}, 
						{css:{top: 600,right:20, rotation:-360}}),
					tweenmax.fromto($('.s4-dot5'), 1.5, 
						{css:{top: 349,rotation: 360}, immediaterender:true}, 
						{css:{top: 500,right:0, rotation:180}})
				]),
			2000 // scroll duration of tween
		);
		
		controller.addtween('.section-5',tweenmax.from( $('.section-5'), .85, {css:{opacity:'0'}, ease:quad.easeout}),0,-600);
		controller.addtween('.section-5',tweenmax.from( $('.section-5 .n-banner5'), .85, {css:{opacity:'0'}, ease:quad.easeout}),0,-600);
		controller.addtween('.section-5',tweenmax.from( $('.section-5 .tabs-1'), .85, {css:{margintop:'130px',opacity:'0'}, ease:quad.easeout}),0,-600);
		controller.addtween('.section-5',tweenmax.from( $('.section-5 .nlist'), .85, {css:{opacity:'0'}, ease:quad.easeout}),0,-600);
		
		controller.addtween('.section-6',tweenmax.from( $('.section-6'), .85, {css:{opacity:'0'}, ease:quad.easeout}),0,-600);
		controller.addtween('.section-6',tweenmax.from( $('.section-6 .block-fl span'), .65, {css:{marginleft:'-200px',opacity:'0'}, ease:quad.easeout}),0,-500);
		controller.addtween('.section-6',tweenmax.from( $('.section-6 .block-fl a'), .65, {css:{marginleft:'-200px',opacity:'0'}, ease:quad.easeout}),0,-400);
		controller.addtween('.section-6',tweenmax.from( $('.section-6 .block-fr'), .65, {css:{marginright:'-200px',opacity:'0'}, ease:quad.easeout}),0,-400);
		
		
		controller.addtween('.section-7',tweenmax.from( $('.section-7'), .85, {css:{opacity:'0'}, ease:quad.easeout}),0,-600);
		controller.addtween('.section-7',tweenmax.from( $('.section-7 .s7-img1'), .65, {css:{marginleft:'-200px',opacity:'0'}, ease:quad.easeout}),0,-500);
		controller.addtween('.section-7',tweenmax.from( $('.section-7 .s7-f1'), .65, {css:{marginleft:'-200px',opacity:'0'}, ease:quad.easeout}),0,-450);
		controller.addtween('.section-7',tweenmax.from( $('.section-7 .bimg'), .85, {css:{marginleft:'-200px',opacity:'0'}, ease:quad.easeout}),0,-400);
		
		controller.addtween('.section-7',tweenmax.from( $('.section-7 .s7-img2'), .65, {css:{marginleft:'200px',opacity:'0'}, ease:quad.easeout}),0,-500);
		controller.addtween('.section-7',tweenmax.from( $('.section-7 .s7-f2 span'), .65, {css:{marginleft:'200px',opacity:'0'}, ease:quad.easeout}),0,-450);
		controller.addtween('.section-7',tweenmax.from( $('.section-7 .s7-f2'), .65, {css:{marginright:'-200px',opacity:'0'}, ease:quad.easeout}),0,-450);
		controller.addtween('.section-7',tweenmax.from( $('.section-7 .bdsharebuttonbox'), .85, {css:{marginleft:'200px',opacity:'0'}, ease:quad.easeout}),0,-400);
		
		controller.addtween(
			'.section-7',
			(new timelinelite())
				.append([
					tweenmax.fromto($('.s7-dot1'), 0.85, 
						{css:{top: 75, rotation: 360}, immediaterender:true}, 
						{css:{top: 300,left:0, rotation: 180}}),
					tweenmax.fromto($('.s7-dot2'), 1.5, 
						{css:{top: 224}, immediaterender:true}, 
						{css:{top: 70,left:0, rotation: 80}}),
					tweenmax.fromto($('.s7-dot3'), 1.5, 
						{css:{top: 330,rotation: 360}, immediaterender:true}, 
						{css:{top: 100,left:0, rotation:180}}),
					tweenmax.fromto($('.s7-dot4'), 1.5, 
						{css:{top: 93,right:50,rotation: 360}, immediaterender:true}, 
						{css:{top: 600,right:50, rotation:-360}}),
					tweenmax.fromto($('.s7-dot5'), 1.5, 
						{css:{top: 328,right:50,rotation: 360}, immediaterender:true}, 
						{css:{top: 500,right:0, rotation:180}})
				]),
			1000 // scroll duration of tween
		);
				
});