diff --git a/www/index.html b/www/index.html
index 592569f..9af9573 100644
--- a/www/index.html
+++ b/www/index.html
@@ -610,7 +610,6 @@
 <!-- Note: tipso plugin requires the full jQuery library, the slim one is not sufficient -->
 <!-- <script type="text/javascript" src="js/jquery-3.3.1.slim.min.js"></script> -->
 <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
-<script type="text/javascript" src="js/popup.js"></script>
 <script type="text/javascript" src="js/tipso.min.js"></script>
 <script type="text/javascript" src="js/calendar.js"></script>
 
@@ -626,16 +625,9 @@
       endDate: new Date(2023, 10, 26, 5),
       groupEventsByLocation: true
     });
-    $('.popup-trigger').click(function(){
-      $(this).children($('.popup')).toggleClass("show")
-    });
-    $('.popup-trigger').mouseenter(function(){
-      $(this).children($('.popup')).addClass("show")
-    });
-    $('.popup-trigger').mouseleave(function(){
-      $(this).children($('.popup')).removeClass("show")
-    });
   });
 </script>
 
+<script type="text/javascript" src="js/popup.js"></script>
+
 </html>
diff --git a/www/js/popup.js b/www/js/popup.js
new file mode 100644
index 0000000..4cb085a
--- /dev/null
+++ b/www/js/popup.js
@@ -0,0 +1,11 @@
+$(document).ready(() => {
+    $('.popup-trigger').click(function(){
+    $(this).children($('.popup')).toggleClass("show")
+  });
+  $('.popup-trigger').mouseenter(function(){
+    $(this).children($('.popup')).addClass("show")
+  });
+  $('.popup-trigger').mouseleave(function(){
+    $(this).children($('.popup')).removeClass("show")
+  });
+});
\ No newline at end of file