window.onload = (event) => {
    fadeInPage();

    // This prevents the page from scrolling down to where it was previously.
    if ('scrollRestoration' in history) {
        history.scrollRestoration = 'manual';
    }

    // This is needed if the user scrolls down during page load and you want to make sure the page is scrolled to the top once it's fully loaded. This has Cross-browser support.
    window.scrollTo(0,0);

    document.cookie = 'SameSite=None; Secure';
}

function fadeInPage() {
    if (!window.AnimationEvent) { 
        return; 
    }

    var fader = document.getElementById('fader');
    fader.classList.add('fade-out');
}

document.addEventListener('DOMContentLoaded', function() {
    
        if (!window.AnimationEvent) { 
            return; 
        }
    
        var anchors = document.getElementsByTagName('a');
        
        for (var idx=0; idx<anchors.length; idx+=1) {
    
            if (anchors[idx].hostname !== window.location.hostname ||
                anchors[idx].pathname === window.location.pathname) {
                continue;
            }
    
            anchors[idx].addEventListener('click', function(event) {
                if(event.metaKey || event.ctrlKey) return; // Allows opening in new tab.
                var fader = document.getElementById('fader'),
                    anchor = event.currentTarget;
                
                var listener = function() {
                    window.location = anchor.href;
                    fader.removeEventListener('animationend', listener);
                };
                fader.addEventListener('animationend', listener);
                
                event.preventDefault();
    
                fader.classList.add('fade-in');
            });
        }
    }
);

// Apparently needed?
window.addEventListener('pageshow', function (event) {
    if (!event.persisted) {
        return;
    }
    var fader = document.getElementById('fader');
    fader.classList.remove('fade-in');
    }
);

function BackToTop() {
    window.scrollTo({
        top: 0,
        behavior: 'smooth'
    });
}