UI work, starting to integrate speeds into video player

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>

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>
 
 

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");
+}