var Webflow = Webflow || [];
Webflow.push(function() {

    function appendLastCard() {
        var $lastCard = $('.nav---dd-link').last();

        $('.nav---dd-link-wrapper').append($lastCard);
    }

    function navLinksUnderline() {
        var $navLinks = $('[data-nav="link"]'),
            $line = $('.nav---menu---links---line'),
            $navMenuLinks = $('.nav---menu---links');

        $navLinks.each(function() {
            var $el = $(this),
                lineWidth = $el.children().css('width'),
                linePosition = $el.position().left + 24;


            $(this).mouseenter(function() {
                $line.css({
                    'width': lineWidth,
                    'left': linePosition
                });
            });
        });

        $navMenuLinks.mouseleave(function() {
            $line.css({
                'width': 0,
            });
        });
    };

    function navLinkDropdownStaggered() {
        var $ddLink = $('.nav---dd-link'),
            navButtonDisplay = $('.w-nav-button').css('display');

            function navAnimation() {
                if (navButtonDisplay === 'none') {
                    $ddLink.each(function(i) {
                        var $el = $(this),
                            delay = 100 + (i*40);
        
                        setTimeout(function() {
                            $el.children('.nav-card-trigger')[0].click();
                        }, delay);
                    });
                }
            }

        $('.nav---dd').mouseenter(function() {
            navAnimation();
        });

        $('.nav---dd---toggle').click(function() {
            var isOpen = $('.nav---dd-list').hasClass('w--open');
            if (!isOpen) {
                navAnimation();
            }
            
        });
    };

    appendLastCard();
    navLinksUnderline();
    navLinkDropdownStaggered();
    
});