let partsButtons = document.querySelectorAll('.primary-button');

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

function tealiumEventClick() {
    let clickdata = {
        "category_l1":"MLP",
        "category_l2":"AutoNation Parts",
        "category_l3":"(not set)",
        "category_l4":"(not set)",
        "event":"shop_now",
        "event_category":"EngagementType",
        "event_action":"EngagementType_MLP|||Click",
        "event_label":"shop_now",
        "event_value":"1",
        "pagegroup":"mlp"            
    };

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

document.addEventListener("DOMContentLoaded", function (event) {
    $(document).ready(function () {
        let carouselId = '#uniqueCarousel';
        let addCaro = false;

        addOrRemoveCarousel(carouselId);
        window.onresize = function () {
            addOrRemoveCarousel(carouselId);
        }

        function addOrRemoveCarousel(eleId) {
            if (window.outerWidth <= 767) {
                addCarousel(eleId);
            } else {
                removeCarousel(eleId);
                addCaro = false;
            }
        }

        function addCarousel(eleId) {
            if (!addCaro) {
                $(eleId).slick({
                    mobileFirst: true,
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    arrows: false,
                    infinite: true,
                    dots: true,
                    rows: 0
                });
                addCaro = true;
            }
        }

        function removeCarousel(eleId) {
            let carousel = $(eleId);

            if (carousel.hasClass('slick-initialized')) {
                carousel.slick("unslick");
            }
        }
    })
});