import wixAnimations from 'wix-animations';

import wixWindow from 'wix-window';

const runningTxt = wixAnimations.timeline({ repeat: -1 });

$w.onReady(function () {

    playRunningTxt();

    function playRunningTxt() {

        let sliderWidth;

        wixWindow.getBoundingRect()

            .then((windowSizeInfo) => {

                let windowWidth = windowSizeInfo.window.width;

                if (windowWidth > 1000) {

                    //Desktop

                    sliderWidth = 5000 / 3;

                } else if (windowWidth >= 751) {

                    // Tablet

                    sliderWidth = 4050 / 3;

                } else if (windowWidth <= 750) {

                    // Mobile

                    sliderWidth = 3350 / 3;

                }

                runningTxt

                    .add($w('#runningTxt'), { x: -sliderWidth, duration: 10000, easing: 'easeLinear' }).play();

            });

        $w('#txtSection').onViewportEnter(() => {

            runningTxt.play();

        });

        $w('#txtSection').onViewportLeave(() => {

            runningTxt.pause();

        });

    }

});