/**
 * Created by driesjanssen on 1/16/17.
 */

if($(window).width() > 1000) {

    iPadInViewport = false;
    flagsInViewport = false;
    referencesInViewport = false;

    $('.incasso-equichecker-row').find('.floating-ipad').css('opacity', '0').css('left', '-700px');
    $('.kernwaarden-wrapper').children().css('opacity', '0');
    $('.tempReference-images').children().css('opacity', '0');

    $(window).on('scroll', function () {

        var getFracsEquichecker = $('.incasso-equichecker-row').fracs();
        if (getFracsEquichecker.visible > 0) {
            checkIfIpadInViewport();
        }

        var getFracsMethodBlock = $('.method-wrapper').fracs();
        if (getFracsMethodBlock.visible > 0) {
            checkIfMethodsInViewport();
        }

        var getFracsReferencesBlock = $('.tempReferences-wrapper').fracs();
        if (getFracsReferencesBlock.visible > 0) {
            checkIfReferencesInViewport();
        }

    });

    function checkIfIpadInViewport() {
        var getFracs = $('.incasso-equichecker-row').fracs();
        // var elementTopPos = getFracs.rects.document.top;
        // var bottomOfWindow = window.pageYOffset + window.innerHeight;
        var elementHeight = getFracs.rects.document.height;

        // This will fire when element is 50% in viewport
        if (elementHeight > 200 && iPadInViewport === false) {
            iPadInViewport = true;
            // $('.incasso-equichecker-row').find('.floating-ipad').animate({
            //     left: "50",
            //     opacity: "1"
            // }, 800, "swing");
            TweenMax.staggerTo('.floating-ipad', 1.5, {opacity: 1, left: 1, ease: Circ.easeOut});
        }
    }

    function checkIfMethodsInViewport() {
        var getFracs = $('.method-wrapper').fracs();
        // var elementTopPos = getFracs.rects.document.top;
        // var bottomOfWindow = window.pageYOffset + window.innerHeight;
        var elementHeight = getFracs.rects.document.height;

        // This will fire when element is 50% in viewport
        if (elementHeight > 500 && flagsInViewport === false) {
            flagsInViewport = true;
            TweenMax.staggerTo('.kernwaarden-block-wrapper', 0.80, {opacity: 1, scale: 1}, 0.40);
        }
    }

    function checkIfReferencesInViewport() {
        var getFracs = $('.tempReferences-wrapper').fracs();
        // var elementTopPos = getFracs.rects.document.top;
        // var bottomOfWindow = window.pageYOffset + window.innerHeight;
        var elementHeight = getFracs.rects.document.height;

        // This will fire when element is 50% in viewport
        if (elementHeight > 425 && referencesInViewport === false) {
            referencesInViewport = true;
            TweenMax.staggerTo('.tempReference-image', 0.50, {opacity: 1, scale: 1}, 0.1);
        }
    }
}