$(window).load(function() {
	var enterTL = new TimelineLite();
	enterTL.play();
	enterTL
		.from($('.logo'), 1.5, {yPercent:'-30%', autoAlpha: 0})//onload animate logo
		.from($('#home .header_text h2'), 1, {yPercent:'20%',autoAlpha: 0}, '-=1.3')//onload header slider text
		.from($('#home .header_text p'), 1, {yPercent:'15%',autoAlpha: 0,delay:0.5}, '-=1.3')//onload header slider text
})
	$(function(){
				
				var $window = $(window);
				var isTweening = false;
				document.onmousewheel = function(){ customScroll(); }
				if(document.addEventListener){
				    document.addEventListener('DOMMouseScroll', customScroll, false);
				}
				function customScroll(event){
				   
				   var delta = 0;
				   if (!event){
					   event = window.event;
				   }
				   
				   if (event.wheelDelta) {
					   delta = event.wheelDelta/120;
				   } else if(event.detail) {
					   delta = -event.detail/3;
				   }
				   
				   if (delta){
						   	var scrollTop = $window.scrollTop();
						   	var finScroll = scrollTop - parseInt(delta*100) * 3;
						   	//console.log(finScroll);				   			   
						   	TweenMax.to($window, 0.7, {
							   	scrollTo : { y: finScroll, autoKill:true },
							   	ease: Sine.easeOut,
							   	autoKill: true,
							   	overwrite: 7,
							   	onComplete: function(){ 
							   		//console.log(isTweening);
							   		//isTweening = false; 
							   	}
							});
				   }
				   if (event.preventDefault){
					   event.preventDefault();
				   }
				   event.returnValue = false;    				    
				}
			});

/*Smooth scroll end*/
var ctrl = new ScrollMagic.Controller();
	// logo-container back to stylesheet position
	new ScrollMagic.Scene({
		duration: '200%'
	})
	.setPin("#home")
	.addTo(ctrl)

var intro_1 = new TimelineLite();
	intro_1
		.to($('.header_text h2'), 1.5, {yPercent:'-20%',ease: Power1.easeOut}, '-=1.3')
		.to($('.header_text p'), 1.5,{yPercent:'-15%',ease: Power1.easeOut}, '-=1.3')
		.to($('.header_point_service'),  1.5, {yPercent:'-50%',ease: Power1.easeOut}, '-=1.3')
	new ScrollMagic.Scene({
		duration: '250%'
	})
	.setTween(intro_1)
	.addTo(ctrl)

var intro_2 = new TimelineLite();
	intro_2
	.to($('.logo'),  2.5,  {yPercent:'65%'}, '-=1.5')//onload animate logo
	.to($('.header_point_service'),  1.5, {yPercent:'-10%',ease: Power1.easeOut}, '-=1.3')
	new ScrollMagic.Scene({
		duration: '300%'
	})
	.setTween(intro_2)
	.addTo(ctrl)



	var intro_3 = new TimelineLite();
	intro_3
	.to($('.logo'),  2.5,  {x:-1550,y:350, rotation:360, opacity:'1', ease:Linear.easeOut})//onload animate logo
	new ScrollMagic.Scene({
		duration: '350%'
	})
	.setTween(intro_3)
	.addTo(ctrl)