<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Icecast2</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
  </head>
  <body>
    <h1 id="header">Studio040 Straalpaal</h1>
    <div id="menu">
      <ul>
        <li>
          <a href="admin/">Administration</a>
        </li>
        <li>
          <a href="status.xsl">Server Status</a>
        </li>
        <li>
          <a href="server_version.xsl">Version</a>
        </li>
      </ul>
    </div>
    <div class="roundbox">
      <div class="mounthead">
        <h3 class="mount">Mount Point /glowfm</h3>
        <div class="right">
          <ul class="mountlist" stule="z-index:100;" onmouseover="javascript:document.getElementById('b100').style.display = 'block';" onmouseout="javascript:document.getElementById('b100').style.display = 'none';">
            <li>
              <a class="play" href="/glowfm">Play</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="mountcont">
        <table class="yellowkeys">
          <tbody></tbody>
        </table>
      </div>
    </div>
    <div class="roundbox">
      <div class="mounthead">
        <h3 class="mount">Mount Point /glowfm-fm</h3>
        <div class="right">
          <ul class="mountlist" stule="z-index:100;" onmouseover="javascript:document.getElementById('b100').style.display = 'block';" onmouseout="javascript:document.getElementById('b100').style.display = 'none';">
            <li>
              <a class="play" href="/glowfm-fm">Play</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="mountcont">
        <table class="yellowkeys">
          <tbody></tbody>
        </table>
      </div>
    </div>
    <div class="roundbox">
      <div class="mounthead">
        <h3 class="mount">Mount Point /glowfm-mediahub</h3>
        <div class="right">
          <ul class="mountlist" stule="z-index:100;" onmouseover="javascript:document.getElementById('b100').style.display = 'block';" onmouseout="javascript:document.getElementById('b100').style.display = 'none';">
            <li>
              <a class="play" href="/glowfm-mediahub">Play</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="mountcont">
        <table class="yellowkeys">
          <tbody></tbody>
        </table>
      </div>
    </div>
    <div class="roundbox">
      <div class="mounthead">
        <h3 class="mount">Mount Point /glowfm-visualradio</h3>
        <div class="right">
          <ul class="mountlist" stule="z-index:100;" onmouseover="javascript:document.getElementById('b100').style.display = 'block';" onmouseout="javascript:document.getElementById('b100').style.display = 'none';">
            <li>
              <a class="play" href="/glowfm-visualradio">Play</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="mountcont">
        <table class="yellowkeys">
          <tbody></tbody>
        </table>
      </div>
    </div>
    <div class="roundbox">
      <div class="mounthead">
        <h3 class="mount">Mount Point /studio040</h3>
        <div class="right">
          <ul class="mountlist" stule="z-index:100;" onmouseover="javascript:document.getElementById('b100').style.display = 'block';" onmouseout="javascript:document.getElementById('b100').style.display = 'none';">
            <li>
              <a class="play" href="/studio040">Play</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="mountcont">
        <table class="yellowkeys">
          <tbody></tbody>
        </table>
      </div>
    </div>
    <div class="roundbox">
      <div class="mounthead">
        <h3 class="mount">Mount Point /studio040-fm1-1066</h3>
        <div class="right">
          <ul class="mountlist" stule="z-index:100;" onmouseover="javascript:document.getElementById('b100').style.display = 'block';" onmouseout="javascript:document.getElementById('b100').style.display = 'none';">
            <li>
              <a class="play" href="/studio040-fm1-1066">Play</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="mountcont">
        <table class="yellowkeys">
          <tbody></tbody>
        </table>
      </div>
    </div>
    <div class="roundbox">
      <div class="mounthead">
        <h3 class="mount">Mount Point /studio040-fm2-1059</h3>
        <div class="right">
          <ul class="mountlist" stule="z-index:100;" onmouseover="javascript:document.getElementById('b100').style.display = 'block';" onmouseout="javascript:document.getElementById('b100').style.display = 'none';">
            <li>
              <a class="play" href="/studio040-fm2-1059">Play</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="mountcont">
        <table class="yellowkeys">
          <tbody></tbody>
        </table>
      </div>
    </div>
    <div class="roundbox">
      <div class="mounthead">
        <h3 class="mount">Mount Point /studio040-mediahub</h3>
        <div class="right">
          <ul class="mountlist" stule="z-index:100;" onmouseover="javascript:document.getElementById('b100').style.display = 'block';" onmouseout="javascript:document.getElementById('b100').style.display = 'none';">
            <li>
              <a class="play" href="/studio040-mediahub">Play</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="mountcont">
        <table class="yellowkeys">
          <tbody></tbody>
        </table>
      </div>
    </div>
    <div id="footer">
		goeiemorgen trouwens
	</div>
    <div id="b100" style="display:none;z-index:50;">
      <img src="rodelampjes.jpg" />
    </div>
    <style>
#b100{
	width:150px;
	height:150px;
	position:absolute;
}
</style>
    <script>
window.addEventListener('mousemove', nutterbutter);

function nutterbutter(){
	var _el = document.getElementById('b100');
	_el.style.top = (event.clientY + 5) + "px";
	_el.style.left = (event.clientX -255) + "px";
}
</script>
  </body>
</html>
