changing enclosing div props stops embeded media player

<script language=javascript type=”text/javascript”>
function hideMedia() {
var obj=document.getElementById(“divMedia”);
obj.style.visibility = ‘hidden’;

}

function showMedia() {
var obj=document.getElementById(“divMedia”);
obj.style.visibility = ‘visible’;

}
</script>

<div id=”divMedia” >

<OBJECT id=”MediaPlayer” width=”100%” height=”100px”
CLASSID=”CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6″
type=”video/x-ms-wmv”>

<PARAM NAME=”URL” VALUE=”Paul.mp3″>
<PARAM NAME=”SendPlayStateChangeEvents” VALUE=”True”>
<PARAM NAME=”AutoStart” VALUE=”True”>
<PARAM name=”uiMode” value=”full”>
<PARAM name=”PlayCount” value=”9999″>
<param name=”ClickToPlay” value=”false” />
</OBJECT>
</div>
<a href=”javascript:hideMedia()”>Hide</a> <a href=”javascript:showMedia()”>Show</a>

Clicking either show or hide stops the media player. Any one knows a way to stop this.

thanks.

Also in #JavaScript _↴