{
//-----------------------------------//
// FULLHEADER
//-----------------------------------//
let $fullheader = $('.fh'),
    $trigger = $('.fh__trigger'),
    $travel = $('.fh__travel'),
    $item = $('.fh__item'),
    $label = $('.fh__label'),
    $red = $('.fh__red'),
    $ball = $('.fh__label--ball'),
    $itemLeng = $item.length,
    walk = 100 / $itemLeng,
    count = 0,
    anime = false;


    function animeFalse() {
        anime = false
    }

    function xtrigger() {
        $trigger.trigger('click');
    }

    window.onload = function() {
        TweenMax.to($trigger, 2, { onComplete: xtrigger });
    };


    TweenMax.set($ball, {paddingLeft: $red.eq(0).width() + 'px'});

    TweenMax.from($label.eq(0), 1, {yPercent:110, ease:Power3.easeInOut});
    TweenMax.from($label.eq(1), 1, {delay: .1, yPercent:110, ease:Power3.easeInOut});
    TweenMax.from($label.eq(2), 1, {delay: .2, yPercent:110, ease:Power3.easeInOut});
    TweenMax.from($('.fh__wrapper-2'), 1, {delay: .2, yPercent:110, ease:Power3.easeInOut});


    function redLoop() {
        if( count === $itemLeng - 1 ) {
            count = 0
            TweenMax.set($travel, {yPercent: 0, onComplete: animeFalse});
        }
    }

    let tlTexteMove = (xTravel, xBall) => {
        TweenMax.to($travel, 1, {yPercent: walk * xTravel, ease:Power3.easeInOut, onComplete: animeFalse});
        TweenMax.to($ball, 1, {paddingLeft: xBall, ease:Power3.easeInOut, onComplete: redLoop});
        TweenMax.to($trigger, 2, { onComplete: xtrigger });
    }

    $trigger.click(function () {
        if(count < $itemLeng && !anime) {
            count++
            anime = true
            tlTexteMove(count, $red.eq(count).width() + 'px')
        }
    });
}