fixed time issue

index.html

@@ -36,10 +36,10 @@
          </audio>
     </div>
     <div class="map_legend">
-    <div id="box1" onclick="popup_bg(120,group1)"><i class="fas fa-play"></i></div> <p>Folklore literature</p>
+    <div id="box1" onclick="popup_bg(120)"><i class="fas fa-play"></i></div> <p>Folklore literature</p>
-    <div id="box2" onclick="popup_bg(300,group2)"><i class="fas fa-play"></i></div><p>Islamic Mysticism</p>
+    <div id="box2" onclick="popup_bg(300)"><i class="fas fa-play"></i></div><p>Islamic Mysticism</p>
-    <div id="box3" onclick="popup_bg(500,group3)"><i class="fas fa-play"></i></div> <p>Contemporary poets</p>
+    <div id="box3" onclick="popup_bg(500)"><i class="fas fa-play"></i></div> <p>Contemporary poets</p>
-    <div id="box4" onclick="popup_bg(700,group4)"><i class="fas fa-play"></i></div> <p>Contemporary musicians</p>
+    <div id="box4" onclick="popup_bg(700)"><i class="fas fa-play"></i></div> <p>Contemporary musicians</p>
   </div>
      </div>
   </div>
@@ -134,11 +134,9 @@ Technical details: We have built the visualization from scratch using a javascri
 </script>
 
 <script>
-function popup_bg(time,group) {
+function popup_bg(time) {
   var box = document.getElementById("audioBG");
-//   if (box.currentTime>0) {
+  console.log(time);
-//   box.currentTime = 0;
-// } else {
   box.currentTime = time;
   box.play();
   btn.innerHTML = "(Pause)";