let serviceButtons = document.querySelectorAll('.service');
let collisionButtons = document.querySelectorAll('.collision');
let detailLink = document.querySelector('#detailLink');

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

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

    if (detailLink != null) {
        detailLink.addEventListener('click', tealiumDetail);
    }
 
    function tealiumScriptService() {
        let clickdata = {
            "category_l1":"MLP",
            "category_l2":"Why service with us",
            "category_l3":"(not set)",
            "category_l4":"(not set)",
            "event":"schedule_service",
            "event_category":"EngagementType",
            "event_action":"EngagementType_Techxperts|||Click",
            "event_label":"Schedule Service",
            "event_value":"1",
            "pagegroup":"mlp"            
        };

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

    function tealiumScriptCollision() {
        let clickdata = {
            "category_l1":"MLP",
            "category_l2":"Why service with us",
            "category_l3":"(not set)",
            "category_l4":"(not set)",
            "event":"find_a_collision_center",
            "event_category":"EngagementType",
            "event_action":"EngagementType_Techxperts|||Click",
            "event_label":"Find A Collision Center",
            "event_value":"1",
            "pagegroup":"mlp"            
        };

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

    function tealiumDetail() {
        let clickdata = {
            "category_l1":"MLP",
            "category_l2":"Why service with us",
            "category_l3":"(not set)",
            "category_l4":"(not set)",
            "event":"view_details",
            "event_category":"EngagementType",
            "event_action":"EngagementType_Techxperts|||Click",
            "event_label":"View Details",
            "event_value":"1",
            "pagegroup":"mlp"            
        };

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

    let chevrons = document.querySelectorAll('.info-chevron');
    let textContainers = document.querySelectorAll('.info-container-text');

    window.addEventListener('resize', function() {
        if (window.innerWidth > 577) {
            for(let i = 0; i < textContainers.length; i++) {
                textContainers[i].style.height = 'auto';
            }
        } else if (window.innerWidth <= 577) {
            for(let i = 0; i < textContainers.length; i++) {
                textContainers[i].style.height = '0px';
                removeFlip(chevrons);
            }
        }
    });

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

            if (clickedChevron.classList.contains('flip')) {                    
                clickedChevron.classList.remove('flip');
                clickedChevron.nextElementSibling.style.height = 0;
            } else {
                removeFlip(chevrons);   
                hideText(textContainers);             
                clickedChevron.classList.add('flip');
                clickedChevron.nextElementSibling.style.height = '125px';
            }
        });
    }

    function removeFlip(elements) {
        for(let i = 0; i < elements.length; i++) {
            elements[i].classList.remove('flip');
        }
    }

    function hideText(containers) {
        for(let i = 0; i < containers.length; i++) {
            containers[i].style.height = 0;
        }
    }