Show video for 2.1 mins and than hide video, after video is done show SWF file

Hey everyone out there, here is what i am trying to do. Attached you will find the html as a zip file.

I have a flv video and a swf image gallery. I only want to show the video 1 time and than have the swf image gallery show up. below you will see the code i am working with. The website was built by someone else but i am now working on it. If you have other suggestions other than javascript and can help me with this issue i would appreciate it vary much.

As you can see in the java script code below that i am trying to play the video first and than hide after 2.1 mins. After the 2.1 mins i want the SWF to play for the rest of the time the visitor is on the website.


here is the javascript code i have been working with:

<!--<script type='text/javascript' src='pic_slideshow.js'></script>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

<script type = "text/javascript">

function hideMessage() {
document.getElementById("message").style.display="none";
}

function startTimer() {
var tim = window.setTimeout("hideMessage()", 5000); // 5000 milliseconds = 5 seconds
}

</script>-->

<!-- Hide the new div apdiv1 after 2.5 mins -->
<script type = "text/javascript">
/* Hide message after given time */
/*function hideMessage() {
document.getElementById("movie").style.display="none";
}*/

/* timer */
function startTimer() {
var tim = window.setTimeout("hideDiv()", 5000); // 126000 milliseconds = 2.1 min
}


function showDiv(swf) {
if (document.layers) document.layers["swf"].visibility="show";
else document.getElementById('swf').style.visibility="visible";
}
function hideDiv(movie) {
if (document.layers) document.layers["movie"].visibility="hide";
else document.getElementById('movie').style.visibility="hidden";
}
</script>

<!--
/*
function hidediv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('swf').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hideshow.visibility = 'hidden';
}
else { // IE 4
document.all.hideshow.style.visibility = 'hidden';
}
}
} */


function showdiv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('swf').style.visibility = 'visible';
}
else {
if (document.layers) { // Netscape 4
document.hideshow.visibility = 'visible';
}
else { // IE 4
document.all.hideshow.style.visibility = 'visible';
}
}
}
hide div */
</script>-->






html code below:

<div class="centerdiv">

<div id="swf" align="center" style="visibility:visible">
<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 696, 250, 0, 6000, 1)
//new fadeshow(fadeimages2, 140, 225, 0, 3000, 0, , "R")
</script>


<div id="movie" align="center">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="691" height="250" id="FLVPlayer">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=Flash/new_video/RIGHT_TOY_LG_FLSH&autoPlay=false&autoRewind=false" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=Flash/new_video/RIGHT_TOY_LG_FLSH&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="691" height="250" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" />
</object>
</div>
</div>
</div>