Hello, I am trying to use .innerHTML to replace an image with an embedded flash file.

Here is my code...

HTML Code:
<a href="#" onclick="funt1(); return false;">do it to it</a><br><br>
<span id="embed"><img src="video%20convert%20zone/zerotime.png"></span>
<script type="text/javascript">
function funt1(){

	document.getElementById('embed').innerHTML='<object width="100" height="40"><param name="movie" value="video%20convert%20zone/video.swf"></param><embed src="video%20convert%20zone/video.swf" width="100" height="40" name="player" id="player" menu="false" loop="false" bgcolor="#000000" wmode="transparent" type="application/x-shockwave-flash"></embed><param name="loop" value="false"></param><param name="menu" value="false"></param><param name="bgcolor" value="#000000"></param><param name="wmode" value="transparent"></param></object>'; return false;
And for some reason in Internet Explorer when I click the "do it to it" link, the image just disappears, and object and embed don't appear. But it works in Firefox.

Any suggestions?