/** HTML Snippet **/
function includeHTMLSnippet() {
    id = document.getElementsByTagName("*");
    for (var i = 0; i < id.length; i++) {
        element = id[i];

        file = element.getAttribute("html-snippet");

        if (file) {
            xmlRequest = new XMLHttpRequest();
            xmlRequest.onreadystatechange = function() {
                if (this.readyState == 4) {
                    if (this.status == 200) {
                        element.innerHTML = this.responseText;
                    }

                    if (this.status == 404) {
                        element.innerHTML = "Page not found.";
                    }

                    element.removeAttribute("html-snippet");
                    includeHTMLSnippet();
                }
            }
            xmlRequest.open("GET", file, true);
            xmlRequest.send();
            return;
        }
    }
}

includeHTMLSnippet();
/** END HTML Snippet **/

window.addEventListener("load", function() {
    /** Skip to Main Content **/
    let mainSection = document.querySelectorAll('.gradcontent, .gradfeatured');
    mainSection[0].setAttribute('id', 'main');
    /** END Skip to Main Content **/ 
    
    /** Navigation Script **/
    // close nav
    this.setTimeout(function(){
        let closeBtn = document.getElementById('closeBtn');
        if (closeBtn) {
            closeBtn.addEventListener('click', function(e){
                e.preventDefault();
                closeNav();
            });
            closeBtn.addEventListener('keypress', function(e){
                e.preventDefault();
                if (e.key === "Enter") {
                    closeNav();
                }
            });
        }

        // open nav
        let openNavMenu = document.getElementById('openNav');
        if (openNavMenu) {
            openNavMenu.addEventListener('click', function(e){
                openNav();
            });
            openNavMenu.addEventListener('keypress', function(e){
                if (e.key === "Enter") {
                    openNav();
                }
            });
        }
        
        function openNav() {
            document.getElementById('gradmobilenav').style.width = "100%";
            document.getElementById('gradmobilenav').style.display = "block";
        }

        function closeNav() {
            document.getElementById('gradmobilenav').style.width = "0";
            document.getElementById('gradmobilenav').style.display = "none";
        }

        // dropdown functionality
        let dropdown = document.getElementsByClassName("gradmobilenav__dropdown-header");
        let i;

        for (i = 0; i < dropdown.length; i++) {
            dropdown[i].addEventListener("click", function() {
                this.classList.toggle("active");
                let dropdownContent = this.nextElementSibling;
                if (dropdownContent.style.display === "block") {
                    dropdownContent.style.display = "none";
                } else {
                    dropdownContent.style.display = "block";
                }
            });
            dropdown[i].addEventListener("keypress", function(e) {
                if (e.key === "Enter") {
                    this.classList.toggle("active");
                    let dropdownContent = this.nextElementSibling;
                    if (dropdownContent.style.display === "block") {
                        dropdownContent.style.display = "none";
                    } else {
                        dropdownContent.style.display = "block";
                    }
                }
            })
        }
    }, 300);
    /** End Navigation Script **/

    /** Accordion **/
    let contentAccordion = document.getElementsByClassName("gradcontent__accordion-button");
    if (contentAccordion.length > 0) {
        for (i = 0; i < contentAccordion.length; i++) {
            contentAccordion[i].addEventListener("click", function() {
                this.classList.toggle("active");

                var contentAccordionAnswer = this.nextElementSibling;
                if (contentAccordionAnswer.style.maxHeight) {
                    contentAccordionAnswer.style.maxHeight = null;

                } else {
                    contentAccordionAnswer.style.maxHeight = contentAccordionAnswer.scrollHeight + "px";
                }
            })
        }
    }
    /** END Accordion */

    /** breadcrumbs **/
    // setTimeout(function(){
    //     let title = document.title;
    //     title = title.split("|");
    //     title = title[0].trim();
    //     let htmlTitle = document.getElementById('gradcontent__breadcrumbs-title');
    //     if (htmlTitle) {
    //         htmlTitle.innerHTML = title;
    //     } else {
    //         console.log('breadcrumbs not loaded');
    //     }
    // }, 750);
    /** end breadcrumbs */
});

/** Subnavigation Script **/
function openSubGradMenu() {
    var x = document.getElementById('gradSubMenu');
    if (x.style.display === "flex") {
        x.style.display = "none";
    } else {
        x.style.display = "flex";
    }
}

let gradNavMenu = document.getElementById('gradNavMenu');
if (gradNavMenu) {
    gradNavMenu.addEventListener('click', function(e){
        e.preventDefault();
        openSubGradMenu();
    });
}
/** End Subnavigation Script **/