I Coded this page for our domain to access out Vbrick Servers.

The only thing that i want it to do now is have the menu ride above the WMP Stream. I haven't had any luck finding a way to do this. Any ideas will be appericated.

WMP Applet
CODE
<html>
<head>
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
border:0px solid black;
line-height:20px;
}
-->
</style>
</head>
<body>
<body bgcolor="#3366CC">
<script language="JavaScript1.2">

var slidemenu_height='235px' //specify height of menu (in pixels throughout)
var slidemenu_width='140px' //specify width of menu
var slidemenu_reveal='25px' //specify amount that menu should protrude initially
var slidemenu_top='10px'   //specify vertical offset of menu on page
var slidemenu_url="menu.htm" //specify path to menu file

var ns4=document.layers?1:0
var ie4=document.all
var ns6=document.getElementById&&!document.all?1:0

if (ie4||ns6)
document.write('<iframe id="slidemenubar2" style="left:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenu_top+'; width:'+slidemenu_width+'; height:'+slidemenu_height+'" src="'+slidemenu_url+'"></iframe>')
else if (ns4){
document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
document.write('<layer id="slidemenubar" left=0 top='+slidemenu_top+' width='+slidemenu_width+' height='+slidemenu_height+' onMouseover="pull()" onMouseout="draw()" src="'+slidemenu_url+'" visibility=hide></layer>')
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.slidemenubar.left=((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)
document.slidemenubar.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}

window.onload=regenerate2

rightboundary=0
leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1

if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style
}
else if (ns4){
document.write('</layer>')
themenu=document.layers.slidemenubar
}

function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",10)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",10)
}
function pullengine(){
if ((ie4||ns6)&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+10+"px"
else if(ns4&&themenu.left<rightboundary)
themenu.left+=10
else if (window.pullit){
themenu.left=0
clearInterval(pullit)
}
}

function drawengine(){
if ((ie4||ns6)&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-10+"px"
else if(ns4&&themenu.left>leftboundary)
themenu.left-=10
else if (window.drawit){
themenu.left=leftboundary
clearInterval(drawit)
}
}

</script>
<p align="center">
  <object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="wmp" width="100%" height="100%" align="left" >
   <param name="stretchToFit" value="1">
   <param name="URL" value=>
   <param name="rate" value="1">
    <param name="balance" value="0">
    <param name="currentPosition" value="0">
    <param name="defaultFrame" value>
    <param name="playCount" value="1">
    <param name="autoStart" value="-1">
    <param name="currentMarker" value="0">
    <param name="invokeURLs" value="-1">
    <param name="baseURL" value>
    <param name="volume" value="50">
    <param name="mute" value="0">
    <param name="uiMode" value="mini">
    <param name="windowlessVideo" value="0">
    <param name="enabled" value="-1">
    <param name="enableContextMenu" value="-1">
    <param name="fullScreen" value="0">
    <param name="SAMIStyle" value>
    <param name="SAMILang" value>
    <param name="SAMIFilename" value>
    <param name="captioningID" value>
    <param name="enableErrorDialogs" value="0">
  </object>
  </p>

</body>

</html>


Menu
CODE
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<style>
<!--
body{
background-color:#3366CC
}
a:hover{
color:red;
}
-->
</style>
<title>Menu</title>
</head>

<body onMouseover="if ((document.all||document.getElementById)&&window.parent.pull) window.parent.pull()"
onMouseout="if ((document.all||document.getElementById)&&window.parent.pull) window.parent.draw()" topmargin="5" leftmargin="5"
marginwidth="5" marginheight="5" bgcolor="#3366CC">
<td width="9"
 <p align="center"></p>
   <table border="0" width="10%" id="table1" height="177">
 <tr>
     <td width="101"><p><font color="#FFFFFF">
<INPUT id=video1 onclick=parent.document.all.wmp.url=document.all.video1.url; TYPE="button" NAME="wmp1" url="vbrtsp://XXX.XXX.XXX.XXX/Warrior" VALUE="" style="border-right:3px double #000000; border-bottom:3px double #000000; font-family: Comic Sans MS; color: #0000CC; width:100; height:40; background-image:url('CNN.jpg')"><br>
     <font size="1"><br>
     </font></font><font size="1">
<INPUT id=video2 onclick=parent.document.all.wmp.url=document.all.video2.url; TYPE="button" NAME="wmp2" url="vbrtsp://XXX.XXX.XXX.XXX/CNN&amp;License=CombinedLicensedUser.lic" VALUE="" style="border-right:3px double #000000; border-bottom:3px double #000000; font-family: Comic Sans MS; color: #0000CC; width:100; height:40; background-image:url('CNNHead.jpg')"><br>
     </font><font color="#FFFFFF"><font size="1"><br>
<INPUT id=video4 onclick=parent.document.all.wmp.url=document.all.video4.url; TYPE="button" NAME="wmp4" url="vbrtsp://XXX.XXX.XXX.XXX/MSNBC" value="" style="border-right:3px double #000000; border-bottom:3px double #000000; font-family: Comic Sans MS; color: #0000CC; width:100; height:40; background-image:url('MSNBC.jpg')"><br>
     <br>
     </font>
<INPUT id=video5 onclick=parent.document.all.wmp.url=document.all.video5.url; TYPE="button" NAME="wmp5" url="vbrtsp://XXX.XXX.XXX.XXX/FoxNews" value="" style="border-right:3px double #000000; border-bottom:3px double #000000; font-family: Comic Sans MS; color: #0000CC; width:100; height:40; background-image:url('FNC.jpg')"></p>
     
     <td width="17" align="right">
     <img border="0" src="remote.gif" width="16" height="194"></table>
</body>
</html>


With out Stream Playing



with a stream playing