/* ==========================================================================
   Scrollable website component on case-detail
   ========================================================================== */

var ScrollableWebsite = {

    init : function(){

        // Define scroller
        var $scroller = $('.sw-scroller');
        // Maximum scrollable distance
        var max = $scroller.height() - $scroller.parent().height();
        // Scroll ease (https://greensock.com/customease)
        CustomEase.create("ScrollEase", "M0,0,C0.11,0.494,0.144,0.661,0.222,0.822,0.296,0.974,0.504,1,1,1");

        // Scrolling animation Todo: customizable scroll-points
        var tl = new TimelineLite();
        tl.from($scroller, 2, { y:0 },"+=.5");
        tl.to($scroller, 2, {ease: "ScrollEase", y:'-' + (max*.4)});
        tl.to($scroller, 2, {ease: "ScrollEase", y:'-' + (max*.5)});
        tl.to($scroller, 2, {ease: "ScrollEase", y:'-' + (max*.85)});
        tl.to($scroller, 2, {ease: "ScrollEase", y:'-' + max},"+=0.3");
        tl.to($scroller, 3, {ease: "ScrollEase", y:0, onComplete: function()
        {
            // Restart after last tween
            tl.restart()
        }});
    },
};