//Carousel Scripts
    document.addEventListener("DOMContentLoaded", function(event) { 
        $(document).ready(function () {
            let carouselId = '#howItWorksCarousel';
            let carouselAdded = false;
            let smCarouselAdded = false;
        
            addOrRemoveCarousel();
            window.onresize = function() {
                addOrRemoveCarousel();                
            };
    
            function addOrRemoveCarousel() {
                if (window.outerWidth >= 768) {
                    removeCarousel(carouselId); 
                    carouselAdded = false;
                } else if (window.outerWidth < 768 && window.outerWidth > 491 && carouselAdded === false){
                    carouselAdded = true;
                    smCarouselAdded = false;
                    removeCarousel(carouselId);
                    addCarousel(carouselId);
                } else if (window.outerWidth <= 490 && smCarouselAdded == false) {
                    removeCarousel(carouselId);
                    addSmCarousel(carouselId);
                    carouselAdded = false;
                    smCarouselAdded = true;
                }
            }
    
            function addCarousel(eleId) {
                $(eleId).slick({
                    mobileFirst: true,
                    slidesToShow: 2,
                    slidesToScroll: 1,
                    arrows: false,
                    infinite: false,
                    dots: true,
                    rows:0
                });
            }

            function addSmCarousel(eleId) {
                $(eleId).slick({
                    mobileFirst: true,
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    arrows: false,
                    infinite: false,
                    dots: true,
                    rows:0
                });
            }
    
            function removeCarousel(eleId) {
                let carousel = $(eleId);
    
                if (carousel.hasClass('slick-initialized')) {
                    carousel.slick("unslick");
                }            
            }
        });
    
    });

    //Dropdown Scripts
    let dropdowns = document.querySelectorAll('.faq-question');
    let faqAnswers = document.querySelectorAll('.faq-answer');
    let chevrons = document.querySelectorAll('.chevron-icon');

    for (let i = 0; i < dropdowns.length; i++) {
        dropdowns[i].addEventListener('click', function(e) {

            if (!e.currentTarget.children[1].classList.contains('flip')) {
                closeAllAnswers(faqAnswers, chevrons);
            }            
            toggleAnswer(e.currentTarget);
            e.stopPropagation();
        })
    }

    function toggleAnswer(target) {
        let answer = target.nextElementSibling;
        let chevron = target.children[1];

        if (answer.classList.contains('visible')) {
            answer.classList.remove('visible');
            chevron.classList.remove('flip');
        } else {
            answer.classList.add('visible');
            chevron.classList.add('flip');            
        }
    }

    function closeAllAnswers(answers, chevrons) {
        for (let i = 0; i < answers.length; i++) {
            if (answers[i].classList.contains('visible')) {
                answers[i].classList.remove('visible');
            }
        }

        for (let i = 0; i < chevrons.length; i++) {
            if (chevrons[i].classList.contains('flip')) {
                chevrons[i].classList.remove('flip');
            }
        }
    }
    
    //Tealium Scripts
    let learnMoreCTA = document.querySelector("#mobility-hero-button");
    let perfectVehicleCTA = document.querySelector("#perfect-vehicle-button");

    learnMoreCTA.addEventListener('click', function() {
        window.open('https://www.autonationmobility.com?utm_source=autonationcom&utm_medium=referral&utm_campaign=*000108024*Mobility_CTA', '_blank');
        tealiumScriptLearnMore();
    });

    perfectVehicleCTA.addEventListener('click', function() {
        window.open('https://www.autonationmobility.com/browse?utm_source=autonationcom&utm_medium=referral&utm_campaign=*000108024*Mobility_CTA', '_blank');
        tealiumScriptPerfectVehicle()
    });

    function tealiumScriptLearnMore() {
        let clickdata = {
            "category_l1":"MLP",
            "category_l2":"Mobility",
            "category_l3":"(not set)",
            "category_l4":"(not set)",
            "event":"learn_more",
            "event_category":"EngagementType",
            "event_action":"EngagementType_MLP|||Click",
            "event_label":"Learn More",
            "event_value":"1",
            "pagegroup":"mlp"            
        };

        window.utag_data = clickdata;
        window.utag.link(window.utag_data);
    }

    function tealiumScriptPerfectVehicle() {
        let clickdata = {
            "category_l1":"MLP",
            "category_l2":"Mobility",
            "category_l3":"(not set)",
            "category_l4":"(not set)",
            "event":"find_the_perfect_vehicle",
            "event_category":"EngagementType",
            "event_action":"EngagementType_MLP|||Click",
            "event_label":"Find the Perfect Vehicle",
            "event_value":"1",
            "pagegroup":"mlp"            
        };

        window.utag_data = clickdata;
        window.utag.link(window.utag_data);
    }