document.addEventListener('readystatechange', () => {
    let close = document.querySelector('#mod-vid a[href="#close"]');
    let mod = document.querySelector('#mod-vid');

    close.addEventListener('click', () => {
        mod.classList.remove('active');
    });
    
});

function openModal() {
    let modal = document.querySelector('#mod-vid');
    modal.classList.add('active');

    let thumb = document.querySelector('.vid-thumb');

    thumb.addEventListener('click', () => {
        openVid(thumb.id);
    });
    //modal.style = 'opacity: 1';            
}

const openVid = (id) => {

    let titles = {
        'prologo' : 'Prologo - Annunciazione',
    }
    
    let vimeoVids = {
        'prologo'     : '478632535',
        'viaggiatore' : '562518107',
        'faresi'      : '562529310',
        'piazza'      : '443587380',
        'antonio'     : '606341398',
        'francesco'   : '471773781',
        'nobili'      : '562534835',
        'rocco'       : '606346781',
        'alberto'     : '606372910',
        'disputa'     : '471537982',
        'duomo'       : '606343917',
        'loredana'    : '513080769',
        'pietro'      : '455576197',
        'castello'    : '562536148',
        'sabini'      : '542321131',
        'monumento'   : '606362546',
        'eva'         : '606352547',
        'toto'        : '606348670',
        'fuori'       : '606358668',
        'carro'       : '562262086',
    };

    let vimeoLink = 'https://player.vimeo.com/video/'+vimeoVids[id]+'?autoplay=1';

    localStorage.setItem('vidURI', 'vid_'+id+'.mp4');
    localStorage.setItem('vimeo', vimeoLink);
    localStorage.setItem('vidTitle', titles[id]);

    window.location.href = 'video.html';
}