如何让网页的各个div按顺序加载？

网页中有两个div块，其中放置了一个flash,我想让这个flash加载完以后，再加载（或者显示）另一个div块里的内容，请问如何实现？

<div id="d1"> 

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="mFlash" 

WIDTH="600" HEIGHT="300"> 

<PARAM NAME=quality VALUE=high> 

<param name="Play" value="-1"> 

<PARAM NAME=movie VALUE="http://www.toto369.net/sydm/52.swf"> 

</OBJECT> 

</div> 

<input id="txt" type="text" value=""> 

<div id="d2" style="visibility:hidden"> 

flash已经加载完成 

</div> 

<script language="javascript"> 

function ck() 

{ 

var mFlash=document.getElementById("mFlash"); 

var txt=document.getElementById("txt"); 

txt.value=mFlash.PercentLoaded()+"%" 

if(txt.value=="100%") 

{ 

document.getElementById("d2").style.visibility="visible" 

clearInterval(timer) 

} 

} 

var timer=setInterval("ck()",1000) 

</script>