<div id="main" class="dialog" >
<div class="title">
VLC media player
- <button id="btn_toggle_text" onclick="toggle_btn_text();">
+ <button id="btn_toggle_text" onclick="toggle_btn_text();" title="Help" >
<img src="images/help.png" alt="Help" />
Help
</button>
<img src="images/playlist.png" alt="Playlist" />
<span class="btn_text">Playlist</span>
</button>
+ <button id="btn_info" onclick="toggle_show('info');" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Info" >
+ <img src="images/info.png" alt="Info" />
+ <span class="btn_text">Info</span>
+ </button>
<button id="btn_fullscreen" onclick="fullscreen();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Fullscreen" >
<img src="images/fullscreen.png" alt="Fullscreen" />
<span class="btn_text">Fullscreen</span>
</button>
+ <button id="btn_snapshot" onclick="snapshot();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Take video snapshot" >
+ <img src="images/snapshot.png" alt="Take video snapshot" />
+ <span class="btn_text">Take video snapshot</span>
+ </button>
+
<button id="btn_volume_down" onclick="volume_down();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Decrease Volume" >
<img src="images/volume_down.png" alt="Decrease Volume" />
<span class="btn_text">Decrease Volume</span>
<img src="images/slider_left.png" alt="slider left" /><span id="progressbar" style="background-image: url( 'images/slider_bar.png' ); width: 408px; height:16px; position:absolute;" onclick="slider_seek( event, this );" onmousemove="slider_move( event, this );"><img src="images/slider_point.png" alt="slider point" style="position:relative; left:0px;" id="main_slider_point" onmousedown="slider_down( event, this );" onmouseup="slider_up( event, this.parentNode );" onmouseout="slider_up( event, this.parentNode );"/></span><img src="images/slider_right.png" alt="slider right" style="position:relative;left:408px;" />
<br/>
<span id="nowplaying">(?)</span>
+ <img id="albumart" alt="" src="/art" style="float: right" onclick="refresh_albumart(true);"/>
+ </div>
+</div>
+
+<div id="info" class="dialog" style="display: none;" >
+ <div class="title">
+ Stream and media info
+ <img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('info');"/>
+ </div>
+ <div id="infotree">
</div>
</div>