// When JS is enabled, hide concert details by default, and allow the
// user to display concerts selectively.
var detailsStyle = document.createElement('style');
document.head.appendChild(detailsStyle);
detailsStyle.sheet.insertRule('.details:not(.active) {display:none}');

var pHint = document.querySelector('p.hint');

var anchor = document.location.hash;
if (anchor.match(/#concert-/)) {
    document.querySelector(anchor).classList.add('active');
    document.querySelector(`a[href="${document.location.hash}"]`).parentNode
        .classList.add('active');
    pHint.style.display = 'none';
}
document.querySelectorAll('a.event').forEach((link) => {
    link.addEventListener('click', function(click) {
        if (click.ctrlKey || click.shiftKey)
            return;

        var prev = document.querySelector('.details.active');
        if (prev)
            prev.classList.remove('active');
        var id = link.attributes['href'].value;
        document.querySelector(id).classList.add('active');

        prev = document.querySelector('.eventcontainer.active');
        if (prev)
            prev.classList.remove('active');
        link.parentNode.classList.add('active');

        pHint.style.display = 'none';
    });
});