diff --git a/js/ui-map.js b/js/ui-map.js
new file mode 100644
index 0000000..10b8599
--- /dev/null
+++ b/js/ui-map.js
@@ -0,0 +1,59 @@
+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';
+}
\ No newline at end of file
diff --git a/map.html b/map.html
index 2b27d49..67f6d7b 100644
--- a/map.html
+++ b/map.html
@@ -5,6 +5,7 @@
+
@@ -51,65 +52,4 @@
-