function tealiumClickEvent(event, eventLabel) {
    let clickdata = {
        "category_l1":"MLP",
        "category_l2":"Warranty Plans",
        "category_l3":"(not set)",
        "category_l4":"(not set)",
        "event":event + "_click",
        "event_category":"EngagementType",
        "event_action":"EngagementType_MLP|||Click",
        "event_label":"" + eventLabel,
        "event_value":"1",
        "pagegroup":"mlp"            
    };

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

function tealiumTabNavClick(clickText) {
    var tealiumData = {
        "category_l1": "MLP",
        "category_l2": "Warranty  Plans",
        "category_l3": "(not set)",
        "category_l4": "(not set)",
        "event_type": "InternalActivity",
        "event_action": "click",
        "event_category": "view_content",
        "event_name": "page_engagement",
        "event": "filter_categories",
        "event_label": clickText,
        "event_description": "view_research",
        "event_value": "1",
        "event_page_location": "vehicle_feature_" + clickText.toLowerCase().replace(/\s+/g, '_'),
        "click_type": "link"
    };

    window.utag_data = tealiumData;
    if (window.utag && typeof window.utag.track === 'function') {
        window.utag.track('link', window.utag_data);
    }
}

function tealiumViewPlanClick(eventLabel, eventDescription, pageLocation) {
    var tealiumData = {
        "category_l1": "MLP",
        "category_l2": "Warranty  Plans",
        "category_l3": "(not set)",
        "category_l4": "(not set)",
        "event_type": "InternalActivity",
        "event_action": "click",
        "event_category": "view_content",
        "event_name": "page_engagement",
        "event": "view_pdf",
        "event_label": eventLabel,
        "event_description": eventDescription,
        "event_value": "1",
        "event_page_location": pageLocation,
        "click_type": "link"
    };

    window.utag_data = tealiumData;
    if (window.utag && typeof window.utag.track === 'function') {
        window.utag.track('link', window.utag_data);
    }
}

function tealiumOutboundClick(eventLabel, eventDescription, pageLocation) {
    var tealiumData = {
        "category_l1": "MLP",
        "category_l2": "Warranty  Plans",
        "category_l3": "(not set)",
        "category_l4": "(not set)",
        "event_type": "OutboundActivity",
        "event_action": "click",
        "event_category": "visit_external_website",
        "event_name": "exit_site",
        "event": "an_partner_Pennzoil",
        "event_label": eventLabel,
        "event_description": eventDescription,
        "event_value": "1",
        "event_page_location": pageLocation,
        "click_type": "link"
    };

    window.utag_data = tealiumData;
    if (window.utag && typeof window.utag.track === 'function') {
        window.utag.track('link', window.utag_data);
    }
}
function initTabNav() {
    var tabLinks = document.querySelectorAll('.tab-nav-items a');
    var tabNav = document.querySelector('.tab-nav');

    if (!tabLinks.length || !tabNav) return false;

    tabLinks.forEach(function (link) {
        link.onclick = function (e) {
            e.preventDefault();
            e.stopPropagation();
            e.stopImmediatePropagation();
            tabLinks.forEach(function (l) { l.classList.remove('active'); });
            this.classList.add('active');
            var targetId = this.getAttribute('data-target');

            // Fire Tealium tracking event
            tealiumTabNavClick(this.textContent.trim());

            var targetSection = document.getElementById(targetId);
            if (targetSection) {
                var navHeight = tabNav.offsetHeight;
                var targetPosition = targetSection.getBoundingClientRect().top + window.pageYOffset - navHeight;
                window.scrollTo({ top: targetPosition, behavior: 'smooth' });
            }
            return false;
        };
    });
    return true;
}

if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initTabNav);
} else {
    initTabNav();
}

// Retry in case content is loaded dynamically
setTimeout(initTabNav, 500);
setTimeout(initTabNav, 1500);

// Fix sticky nav if parent has overflow issues
function fixStickyNav() {
    var tabNav = document.querySelector('.tab-nav');
    if (!tabNav) return;
    var parent = tabNav.parentElement;
    while (parent && parent !== document.documentElement) {
        var style = window.getComputedStyle(parent);
        var overflow = style.overflow + style.overflowX + style.overflowY;
        if (overflow.indexOf('hidden') > -1 || overflow.indexOf('auto') > -1 || overflow.indexOf('scroll') > -1) {
            parent.style.setProperty('overflow', 'visible', 'important');
            parent.style.setProperty('overflow-x', 'visible', 'important');
            parent.style.setProperty('overflow-y', 'visible', 'important');
        }
        parent = parent.parentElement;
    }
}
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', fixStickyNav);
} else {
    fixStickyNav();
}
setTimeout(fixStickyNav, 500);
setTimeout(fixStickyNav, 1000);
setTimeout(fixStickyNav, 2000);