From 4fc878fae6d9557a8a8c80fbd427c0ebf9c2484c Mon Sep 17 00:00:00 2001
From: barkaiavital <barkaiavital@xpub.nl>
Date: Tue, 26 May 2020 16:25:35 +0200
Subject: [PATCH] Update '12/player2.js'

---
 12/player2.js | 37 +++++++++++++++++++++----------------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/12/player2.js b/12/player2.js
index 0e673a3..9b78623 100644
--- a/12/player2.js
+++ b/12/player2.js
@@ -1,16 +1,21 @@
-var track = document.querySelector("track"), 
-	track_div = document.getElementById("track");
-track.addEventListener('cuechange', function () {
-  let cues = track.track.activeCues;  // array of current cues
-  console.log("cuechange", cues, cues[0].text, cues[0].startTime, cues[0].endTime);
-  var d = JSON.parse(cues[0].text);
-  console.log("d",d);
-  track_div.innerHTML = d.title;
-  var old = document.querySelector(".now_playing");
-  	if (old) {
-      old.classList.remove("now_playing");
-    }
-  var playing = document.getElementById(d.title);
-  playing.classList.add("now_playing");
-  console.log("playing",playing);
-});
+function player(element){
+  var track = element.querySelector("track"), 
+      track_div = element.querySelector(".track_display");
+  track.addEventListener('cuechange', function () {
+    let cues = track.track.activeCues;  // array of current cues
+    console.log("cuechange", cues, cues[0].text, cues[0].startTime, cues[0].endTime);
+    var d = JSON.parse(cues[0].text);
+    console.log("d",d);
+    track_div.innerHTML = d.title;
+    var old = document.querySelector(".now_playing");
+      if (old) {
+        old.classList.remove("now_playing");
+      }
+    var playing = document.getElementById(d.title);
+    playing.classList.add("now_playing");
+    console.log("playing",playing);
+  });
+}
+
+player(document.querySelector("#week_02");
+player(document.querySelector("#week_01");      
\ No newline at end of file