<div id="controls"> <input name="Stop" title="Stop playback" type="button" value="stop" onclick="pc(this.name);" ><input name="PlayOrPause" title="Pause/resume playback" type="button" value="pause/play" onclick="pc(this.name);" ><input name="StartPrevious" title="Play previous track" type="button" value="prev" onclick="pc(this.name);" ><input name="StartNext" title="Play next track" type="button" value="next" onclick="pc(this.name);" ><input name="StartRandom" title="Play random track" type="button" value="rand" onclick="pc(this.name);"> </div> <p id="npd" onclick="np_onclick();"><span id="np"></span><span id="track_title">[HELPER1]</span><span id="t_time"></span></p> <div><img src="[ALBUMART]" alt="">[HELPER3]</div> <div style="clear:both;"> <select title="Playlists" onchange="pc('SwitchPlaylist',this.value);">[PLAYLISTS_OPTION]</select ><select title="Playback order" onchange="pc('PlaybackOrder',this.value);">[PLAYBACK_ORDER_OPTION]</select> <!--<select title="Volume level" onchange="pc('Volume',this.value);">[VOLUME_OPTION]</select>%--> </div>
<div id="wnd"> <ul id="buttons" class="ui-widget ui-helper-clearfix" style="float: left;"> <li class="btncmd ui-state-default ui-corner-all" style="margin-left: 0px;" title="Stop" id="Stop"><span class="ui-icon ui-icon-stop"></span></li> <li class="btncmd ui-state-default ui-corner-all" title="Start" id="Start"><span class="ui-icon ui-icon-play"></span></li> <li class="btncmd ui-state-default ui-corner-all" title="Play or pause (Space)" id="PlayOrPause"><span class="ui-icon ui-icon-pause"></span></li> <li class="btncmd ui-state-default ui-corner-all" title="Previous" id="StartPrevious"><span class="ui-icon ui-icon-seek-first"></span></li> <li class="btncmd ui-state-default ui-corner-all" title="Next" id="StartNext"><span class="ui-icon ui-icon-seek-end"></span></li> <li class="btncmd ui-state-default ui-corner-all" title="Random" id="StartRandom"><span class="ui-icon ui-icon-help"></span></li> <li class=""></li> <li class="ui-state-default ui-corner-all" title="Browse files" id="browse_btn"><span class="ui-icon ui-icon-folder-open"></span></li> <li class="ui-state-default ui-corner-all" title="Search media library" id="search_btn"><span class="ui-icon ui-icon-search"></span></li> <li class="ui-state-default ui-corner-all" title="Album art" id="aa_btn"><span class="ui-icon ui-icon-image"></span></li> <li class="ui-state-default ui-corner-all" title="Extended controls" id="pbs_btn"><span class="ui-icon ui-icon-gear"></span></li> <li class="ui-state-default ui-corner-all" id="mute"><span class="ui-icon ui-icon-volume-off"></span></li> <li id="vol"><span><div id="volume" style="width: 150px; margin: 0.5em"></div></span></li> </ul> <div id="loading" class="lindicator"> <img src="img/loading.gif"></div> <p><div id="progressbar"><div id="playingtitle"></div><div id="playingtime"></div></div>