What I'm trying to do is have a short intro movie clip play while my site loads the home page. Once the home page finishes loading I want the intro movie to disappear and the home page to appear. The way I'm trying to do it is load the home page in a hidden iframe, and then use getElementById to switch the flash movie code with that of the home page.
this is what I have:

<body onload="introReplace ()">
<script language="javascript">
function introReplace () {
document.getElementById('flashIntro').innerHTML = document.getElementById('homepage1').innerHTML;
document.getElementById('flashIntro') = null;

<div id="homepage1">
<iframe name="homepage" id="homapage" src="index2.php" width="500" height="500" frameborder="0" scrolling="no"></iframe>
<div id="flashIntro">
//** INTRO.SWF ** // this is where the intro is
This is the problem: The iframe content appears before the movie has completly finished, and the movie doesn't disappear when finished playing.