console.clear();
/**
Features:
 - Scroll Easing
 - changes timeline progression on scroll
 - Slowly progresses in the timeline
 - YoYo's at the end of timelime, reverses and heads to start
 - Probably the most reliable version
 
 Cons:
 - Not a seamless infinite scroll
 
*/

$(function() {
  var $window = $(window);
  var scrollTop = $window.scrollTop();
  const diagonalGroup = $("#Layer_1-2");
  const container = $('.container');
  var lastScrollTop = 0;
  var scrollDir;
  var timeline = null;
  var proxyTween = null;
  
  TweenLite
    .to(container, 2, { 'filter': 'none', scale : 1, opacity : 1 });
  
  var timeline = new TimelineMax({ paused: true }).to(diagonalGroup, 1, {
    yPercent: -95,
    yoyo : true,
    ease: Linear.easeNone
  });

  var proxyTween = TweenLite.to({}, 1500, { repeat : -1});

  //TweenLite.defaultEase = Linear.easeNone;

  $window.on("scroll", function() {
    var scrollDiff;
    var scrollVal = .00001;
    //get document height
    var documentHeight = $(document).height();
    //get window height
    var windowHeight = $window.height();
    //get distance of window scrollbar
    scrollTop = $(window).scrollTop();

    //var scrollPercent = Math.max( scrollTop / (documentHeight - windowHeight), 0 );

    scrollDir = scrollTop < lastScrollTop;
    // get difference to use as new progress
    scrollDiff = (scrollTop - lastScrollTop) / (documentHeight - windowHeight); // use this to tie scrolling to scroll progress of the window
    //scrollDiff = (scrollDir) ? -1 * scrollVal : scrollVal;
    scrollDiff = (scrollTop - lastScrollTop) * scrollVal;
    
    // make sure new progress is between 0 and 1 to avoid jumps
    var newProgress = Math.min(Math.max(0, proxyTween.progress() + scrollDiff), 1);
    
    proxyTween.progress(newProgress);
    
    if (scrollDir) {
      proxyTween.reverse();
    } else {
      proxyTween.play();
    }

    lastScrollTop = scrollTop;
  });

  TweenLite.ticker.addEventListener("tick", function() {
    var progress = timeline.progress();
    // ease can be anything from 0.5 to 0.01
    // Change ease to tweak effect
    progress += (proxyTween.progress() - progress) * 0.07;
    timeline.progress(progress);
  });
  
});