let navStickyBar = document.getElementById('stickyNavbarAutonation');
let nextSection = navStickyBar.parentElement.nextElementSibling;
let urlArray = window.location.href.split('/');
let urlParam = urlArray.pop() || urlArray.pop();
let navLinkNames = ["our-purpose", "drive-pink", "one-autonation", "sustainability"];
let navLinks = document.querySelectorAll(".sticky-nav-link");

console.log(urlParam);

window.addEventListener('scroll', checkToAddSticky);
addActive(urlParam, navLinkNames, navLinks);

function addActive(param, linkNames, navLinks) {
    for (let i = 0; i < linkNames.length; i++) {
        if (param === linkNames[i]) {
            navLinks[i].classList.add('active');
            if (i >= 2) {
                navStickyBar.scrollLeft += navLinks[i].getBoundingClientRect().left;
            }
            break;
        }
    }
}

function checkToAddSticky() {
    let check = isOutOfViewport(navStickyBar);
    let textCheck = isOutOfViewport(nextSection);
    if (textCheck.top) {
        if (!navStickyBar.classList.contains("sticky")) {
            navStickyBar.style.opacity = "0";
        }
        navStickyBar.classList.add('sticky');
        nextSection.style.paddingTop = '75px';
        setTimeout(function () {
            navStickyBar.style.transition = "all 1s";
            navStickyBar.style.opacity = "1";
        }, 500);
    } else if (!textCheck.top) {
        navStickyBar.classList.remove('sticky');
        navStickyBar.style.opacity = "1";
        nextSection.style.paddingTop = '0px';
        navStickyBar.style.transition = "none";
    }
}

function isOutOfViewport(elem) {
    // Get element's bounding
    var bounding = elem.getBoundingClientRect();

    // Check if it's out of the viewport on each side
    var out = {};
    out.top = bounding.top < 0;
    out.left = bounding.left < 0;
    out.bottom = bounding.bottom > (window.innerHeight || document.documentElement.clientHeight);
    out.right = bounding.right > (window.innerWidth || document.documentElement.clientWidth);
    out.any = out.top || out.left || out.bottom || out.right;
    out.all = out.top && out.left && out.bottom && out.right;

    return out;
}

let salesEle = document.getElementById('sales');
let collisionEle = document.getElementById('collision');
let serviceEle = document.getElementById('service');
let corporateEle = document.getElementById('corporate');
let viewJobsButton = document.getElementById('viewJobsButton');
let electricButton = document.querySelector('.primary-button.electric-link');

if (viewJobsButton != null) {
    viewJobsButton.addEventListener('click', tealiumViewJobsScript);
}

if (salesEle != null) {
    salesEle.addEventListener('click', tealiumSalesScript);
    salesEle.addEventListener('click', function () { window.open('https://jobs.autonation.com/sales/jobs') });
}

if (collisionEle != null) {
    collisionEle.addEventListener('click', tealiumCollisionScript);
    collisionEle.addEventListener('click', function () { window.open('https://jobs.autonation.com/collision/jobs') });
}

if (serviceEle != null) {
    serviceEle.addEventListener('click', tealiumServiceScript);
    serviceEle.addEventListener('click', function () { window.open('https://jobs.autonation.com/service-technician/jobs') });
}

if (corporateEle != null) {
    corporateEle.addEventListener('click', tealiumCorporateScript);
    corporateEle.addEventListener('click', function () { window.open('https://jobs.autonation.com/corporate/jobs') });
}


if (electricButton != null) {
    electricButton.addEventListener('click', function () { tealiumElectricVehicleButton() });
}

function tealiumElectricVehicleButton() {
    let clickdata = {
        "category_l1":"MLP",
        "category_l2":"Sustainability",
        "category_l3":"(not set)",
        "category_l4":"(not set)",
        "event":"electric_vehicle_page_click",
        "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);    
}