document.addEventListener('DOMContentLoaded', function() {
    let activeListItem = document.querySelector('#sidebar .navigation li.active');

    //Make parent menu items (li with class has-sub-items) also active
    function makeParentListItemsActiveIfHasClassHasSubItems(liElement)
    {
        let parent = liElement.parentElement ? liElement.parentElement : liElement.parentNode; // Stupid IE11
        if(parent.classList.contains('has-sub-items') && parent.tagName === "LI") {
            parent.classList.add('active');
            makeParentListItemsActiveIfHasClassHasSubItems(parent);
        }
    }

    if(activeListItem) {
        makeParentListItemsActiveIfHasClassHasSubItems(activeListItem);
    }

    //Make site list items openable by toggling a class tot them when clicked
    let siteListItems = document.querySelectorAll('#sidebar .navigation .has-sub-items');
    let siteListItemsLength = siteListItems.length;
    for(let i = 0; i < siteListItemsLength; i++){
        let siteListItem = siteListItems[i];

        siteListItem.addEventListener('click', function (ev) {
            this.classList.toggle('active');
            makeParentListItemsActiveIfHasClassHasSubItems(this);
            ev.stopImmediatePropagation();
        });
    }
});