@include hdr.html@

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

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

<div id="pl_editor" style="display: none;">
<div class="naviheader">
New playlist
</div>
<div class="navibox">
<form id="pl_form" action="">
<div>
<input type="hidden" name="playlist_id" id="playlist_id" />
<label for="playlist_name">Name</label>
<input id="playlist_name" class="playlistfield" type="text" name="playlist_name" />
<br />
<label for="playlist_spec">Playlist criteria</label>
<textarea id="playlist_spec" class="playlistfield" rows="5" cols="50" name="playlist_spec"></textarea>
<br />
<div id="playlist_buttons">
<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"/>
</div>
<div style="clear: both;"></div>
</div>
</form>
</div>
</div>
<br />
<div id="pl_warning" class="message" style="display:none;">
Error messages go here...
</div>

@include ftr.html@