From 2f21a90e8239904d3f601316bef565c2158cc8ae Mon Sep 17 00:00:00 2001
From: Piotr Mitros <pmitros@mit.edu>
Date: Wed, 21 Dec 2011 23:45:12 -0500
Subject: [PATCH] UI work, starting to integrate speeds into video player

---
 seq_module.html | 4 ++--
 video.html      | 2 +-
 video_init.js   | 9 ++++++++-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/seq_module.html b/seq_module.html
index db6ed67777..6309245dd3 100644
--- a/seq_module.html
+++ b/seq_module.html
@@ -1,12 +1,12 @@
     <table width=800 >
       <tr><td></td>
 % for t in range(1,1+len(items)):
-<td class="seq_inactive" id="tt_${ t }" height=10></td>
+<td class="seq_inactive" id="tt_${ t }" height=10>&nbsp;</td>
 % endfor
 
 <td></td></tr>
 <tr><td align=center valign=top><br><br><br><br><br><br><br><br><br><br><br><div id="${ id }prev"><span class="ui-icon ui-icon-circle-triangle-w"></span></div></td>
-<td colspan=10><div id="seq_content"></div></td>
+<td colspan=${ len(items) }><div id="seq_content"></div></td>
 <td align=center valign=top><br><br><br><br><br><br><br><br><br><br><br><div id="${ id }next"><span class="ui-icon ui-icon-circle-triangle-e">&nbsp;</span></div></td>
 </tr>
       <tr></tr>
diff --git a/video.html b/video.html
index cdd3d7f80f..2e400757ac 100644
--- a/video.html
+++ b/video.html
@@ -22,7 +22,7 @@
                <td width=15><span class="ui-icon ui-icon-pause" onclick="pause();"></span></td>
                <td colspan=2><div id=slider></div></td></tr>
 
-<tr><td colspan=4 align=right><div align=right>0.75x 1x 1.25x 1.5x </div></td></tr>
+<tr><td colspan=4 align=right><div align=right id="video_speeds"> </div></td></tr>
 </table>
 
 
diff --git a/video_init.js b/video_init.js
index c38c721218..b162c58124 100644
--- a/video_init.js
+++ b/video_init.js
@@ -1,3 +1,5 @@
+var streams=${ streams }
+
 var params = { allowScriptAccess: "always", bgcolor: "#cccccc" };
 var atts = { id: "myytplayer" };
 swfobject.embedSWF("http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=ytplayer", 
@@ -12,5 +14,10 @@ function good() {
 
 ajax_video=good;
 
-loadNewVideo('${id}', ${ video_time });
+loadNewVideo(streams["1.0"], ${ video_time });
 
+var l=[]
+for (var key in streams) {
+    l.push(key);
+    $("#video_speeds").append(" "+key+"X");
+}
\ No newline at end of file