themes/iphone/playlist.tpl
changeset 5 9b96265b5918
parent 4 cde92f6ec29f
child 10 d3059e20b0fa
--- a/themes/iphone/playlist.tpl	Sun Mar 23 22:03:57 2008 -0400
+++ b/themes/iphone/playlist.tpl	Sun Mar 23 22:44:52 2008 -0400
@@ -26,6 +26,7 @@
     <script type="text/javascript" src="/scripts/{$script}"></script>
     {/foreach}
     <script type="text/javascript" src="/themes/{$theme|escape}/scrollfix.js"></script>
+    <script type="text/javascript" src="/themes/{$theme|escape}/expand.js"></script>
   </head>
   <body>
     <div id="playbar">
@@ -65,9 +66,17 @@
         {strip}
         <tr class="{cycle values="row1,row2"}{if $active == $tid} current{/if}" id="track_{$tid}" amarok:length_sec="{$track.length_int}">
           <td>
-            <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="jump_to_song({$tid}); return false;">
+            <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="expand_track({$tid}); return false;">
               {$track.title|escape}
             </a>
+            <div id="track_inner_{$tid}" class="track_inner">
+              <small>
+              <b>Artist:</b> {$track.artist|escape}<br />
+              <b>Album:</b> {$track.album|escape}<br />
+              <b>Length:</b> {$track.length|escape}<br />
+              </small>
+              <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="jump_to_song({$tid}); return false;">&raquo; Play track</a>
+            </div>
           </td>
         </tr>
         {/strip}
@@ -78,7 +87,7 @@
       <img alt="AmaroK web control" src="/themes/{$theme|escape}/images/amarok.gif" /><br />
     </div>
     <script type="text/javascript">
-      fix_scroll();
+      setTimeout('fix_scroll();', 2000);
     </script>
   </body>
 </html>