window.addEventListener('scroll', function(e) {
    if (document.querySelector('body').clientWidth > 1024) {
        let rightcolumn = document.querySelector('.rightcolumn');
        let mantletitle = document.querySelector('.mantletitle') || document.querySelector('.crusttitle');
        let mantlebar = document.querySelector('.mantlebar')
        let grid = document.querySelector('.grid')
        let gridrect = mantletitle.getBoundingClientRect();
        if (gridrect.top < 20 && !grid.classList.contains('moved')) {
            grid.classList.add('moved');
            mantlebar.style.display = "inline";
            mantletitle.style.visibility = "hidden";
            grid.style.display = "none";
                window.scrollBy({top: grid.clientHeight + mantletitle.clientHeight, behavior: 'smooth'})
        } else if (gridrect.top > 21 && grid.classList.contains('moved')) {
            grid.classList.remove('moved');
            mantletitle.style.visibility = "visible";
            mantlebar.style.display = "none";
            grid.style.display = "grid";
            window.scroll({top: 0, behavior: 'smooth'})
        }
    }
})


window.addEventListener('DOMContentLoaded', (e) => {
    let par = document.querySelector("#TableOfContents > ol:first-child > li:first-child");
    let s = document.createElement("span");
    s.appendChild(par.cloneNode(true))
    par.remove()
    document.querySelector("#TableOfContents > ol:first-child").insertBefore(s, document.querySelector("#TableOfContents > ol:first-child").firstChild)
})
