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");
let cardButtons = document.querySelectorAll('.our-purpose-card .primary-button');
let pdfLink = document.querySelector('#modalLink');

pdfLink.addEventListener('click', function() {
    tealiumPdfClick();
});

for(let i = 0; i < cardButtons.length; i++) {
    cardButtons[i].addEventListener('click', function() {
        let eventLabel = cardButtons[i].innerHTML.trim().split(' ').join('_').toLowerCase();
        tealiumScriptDonateNow(eventLabel, i);
    });
}

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 tealiumScriptDonateNow(eventLabel, number) {
    let event = '';
    switch(number) {
        case 0:
            event = "drvpnk";
            break;
        case 1:
            event = "one_autonation";
            break;
        case 2:
            event = "sustainability";
            break;
    }

    let clickdata = {
        "category_l1":"MLP",
        "category_l2":"Our Purpose",
        "category_l3":"(not set)",
        "category_l4":"(not set)",
        "event": event + "_page_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 tealiumPdfClick() {
    let clickdata = {
        "category_l1":"MLP",
        "category_l2":"Our Purpose",
        "category_l3":"(not set)",
        "category_l4":"(not set)",
        "event": "social_resposibility_pdf_click",
        "event_category":"EngagementType",
        "event_action":"EngagementType_MLP|||Click",
        "event_label":"click_here",
        "event_value":"1",
        "pagegroup":"mlp"            
    };

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

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;
}