From 4225317dad98d4e7685c08263537eec6e8e92252 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Wed, 4 Apr 2012 10:26:07 -0400
Subject: [PATCH] Added some js to make the tooltip show the time

---
 static/js/video_player.js |  2 ++
 templates/video_init.js   | 11 ++++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/static/js/video_player.js b/static/js/video_player.js
index f539072659..1d5fd9b6e3 100644
--- a/static/js/video_player.js
+++ b/static/js/video_player.js
@@ -352,6 +352,8 @@ function updateytplayerInfo() {
     }
     if (player_state == 1){
       update_captions(getCurrentTime());
+      handle = $('.ui-slider-handle', slider);
+      handle.qtip('option', 'content.text', '' +  format_time(getCurrentTime()));
     }
        // updateHTML("videoduration", getDuration());
     //    updateHTML("videotime", getCurrentTime());
diff --git a/templates/video_init.js b/templates/video_init.js
index e483ec65fe..a94837b536 100644
--- a/templates/video_init.js
+++ b/templates/video_init.js
@@ -26,7 +26,16 @@ var captions=0;
 /* Cache a reference to our slider element */
 var slider = $('#slider')
 
-.slider({range: "min", slide:function(event,ui){seek_slide('slide',event.originalEvent,ui.value); handle.qtip('option', 'content.text', '' + ui.value);}, stop:function(event,ui){seek_slide('stop',event.originalEvent,ui.value);}}),
+.slider({
+  range: "min", 
+  slide: function(event,ui) {
+    var time = format_time(ui.value)
+
+    seek_slide('slide',event.originalEvent,ui.value);
+    handle.qtip('option', 'content.text', '' + time);
+  }, 
+  stop:function(event,ui){seek_slide('stop',event.originalEvent,ui.value);}
+}),
 
 /* Grab and cache the newly created slider handle */
 handle = $('.ui-slider-handle', slider);