@include hdr.html@

<h2>Smart Playlists</h2>
<table width="400">
<thead><tr><th>ID</th><th>Playlist Name</th><th>Type</th><th>Action</th></tr></thead>
<tbody id="playlists">
</tbody>
</table>
<a href="javascript:pl_new();">Add new playlist</a>

<div id="pl_data">
</div>

<div id="pl_editor" style="display:none">
<h2>Please specify new playlist</h2>
<form name="pl_form" action="">
<input type="hidden" name="playlist_id"/>
<table width="400">
<tr>
  <th>New playlist</th>
  <th>
<input type="button" onclick="javascript:pl_update();" name="submit_button" value="Submit"/>
<input type="button" onclick="javascript:pl_cancel();" value="Cancel"/>
<input type="button" onclick="javascript:popUp('smartpopup.html');" value="Wizard"/>
  </th>
<tr>
  <td>Name</td>
  <td><input class="playlistfield" type="text" name="playlist_name"/></td>
</tr>
<tr>
  <td>Playlist criteria</td>
  <td><textarea class="playlistfield" rows="5" name="playlist_spec"></textarea></td>
</tr>
</table>
</form>
</div>

<div id="pl_warning" class="message" style="display:none">
Error messages go here...
</div>



</div>

@include ftr.html@