diff --git a/static/js/d3_map.js b/static/js/d3_map.js
index 67c052b..24aa52c 100644
--- a/static/js/d3_map.js
+++ b/static/js/d3_map.js
@@ -102,28 +102,45 @@ d3.json("/static/js/group1.json", function(error, json) {
 //}
 
 // scripts for mouse events
-    $("#dadaloglu").click(function(){
-      $("#showdadaloglu").fadeIn()
+
+function popup(name,time) {
+    $("#"+name).click(function(){
+      $("#show"+name).fadeIn()
       console.log("around")
-      var dada = document.getElementById("textdadaloglu");
+      var dada = document.getElementById("text"+name);
       dada.className += " active";
       dada.scrollIntoView();
       var audio1 = document.getElementById("audioBG");
-      audio1.currentTime = 12;
+      audio1.currentTime = time;
       audio1.play();
     });
-
-
-
-    $("#asikA").click(function(){$("#showasikA").fadeIn()
-    console.log("around")
-    var muh = document.getElementById("textasikA");
-    muh.className += " active";
-    muh.scrollIntoView();
-    var audio2 = document.getElementById("audioBG");
-    audio2.currentTime = 120;
-    audio2.play();
-    });
+};
+
+popup('dadaloglu',12);
+popup('asikA',45);
+
+    // $("#dadaloglu").click(function(){
+    //   $("#showdadaloglu").fadeIn()
+    //   console.log("around")
+    //   var dada = document.getElementById("textdadaloglu");
+    //   dada.className += " active";
+    //   dada.scrollIntoView();
+    //   var audio1 = document.getElementById("audioBG");
+    //   audio1.currentTime = 12;
+    //   audio1.play();
+    // });
+    //
+    //
+    //
+    // $("#asikA").click(function(){$("#showasikA").fadeIn()
+    // console.log("around")
+    // var muh = document.getElementById("textasikA");
+    // muh.className += " active";
+    // muh.scrollIntoView();
+    // var audio2 = document.getElementById("audioBG");
+    // audio2.currentTime = 120;
+    // audio2.play();
+    // });
 
 //stop events when clicking somewhere else
   $(document).click(function (e) {