player improvements

rowers/templates/embedded_video.html

@@ -314,15 +314,43 @@
 </form>
 <script>
   $(document).ready( function() {
+    // cookie reader
+    function createCookie(name,value,days) {
+      if (days) {
+        var date = new Date();
+        date.setTime(date.getTime()+(days*24*60*60*1000));
+        var expires = "; expires="+date.toGMTString();
+      }
+      else var expires = "";
+      document.cookie = name+"="+value+expires+"; path=/";
+    }
+    function readCookie(name) {
+      var nameEQ = name + "=";
+      var ca = document.cookie.split(';');
+      for(var i=0;i < ca.length;i++) {
+        var c = ca[i];
+        while (c.charAt(0)==' ') c = c.substring(1,c.length);
+        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
+      }
+      return null;
+    }
   // lock
   var lock = document.getElementById("lock");
-  // lock.onchange nog doen
   var output = document.getElementById("id_delay");
+  var cookie = readCookie("lock");
+  var delay = output.value;
+  if (cookie=="true") {
+    lock.checked = true;
+    output.disabled = true;
+  }
+
+  // lock.onchange nog doen
+
   {% if locked %}
   lock.checked = true;
   output.disabled = true;
   {% endif %}
-  var delay = output.value;
+
 
   // slider
   var slider = document.getElementById("myRange");
@@ -407,20 +435,18 @@
     slider.value = this.value+Math.round(player.getCurrentTime());
   }
 
-  // lock delay form field if checkbox checked
-  lock.oninput = function() {
-    if (this.checked) {
-      output.disabled = true;
-    } else {
-      output.disabled = false;
-    }
-  }
+
   // Update the current slider value (each time the slider is changed)
   slider.onchange = function() {
     clearInterval(timeupdater)
     if (lock.checked) {
       if (this.value-output.value > 0) {
         player.seekTo(this.value-output.value);
+        if (playing) {
+          player.playVideo();
+        } else {
+          player.pauseVideo();
+        }
       } else {
         if (playing) {
           player.seekTo(0);
@@ -482,8 +508,10 @@
   lock.oninput = function() {
     if (this.checked) {
       output.disabled = true;
+      createCookie("lock","true",0);
     } else {
       output.disabled = false;
+      createCookie("lock","false",0);
     }
 }
 // Slider start stop