How do show a div for a few seconds before another one loads

JavaScript
1

So I need to show a div with ad code in it before another div that has code like this:


$querythis3[content]

Loads
$querythis3[content] its html code with a flash flash embedded. I need this ad code to show in that place for like 7-8 seconds before the html with the swf embed loads.

Basically I want the second div to only start loading after the first div phases out after 8 seconds.

2

I have this code now:


[LEFT]<div id="the_game">
    FIRST DIV HERE ...
</div>
<div id="the_game2" style="display: none;">
    SECOND DIV
</div>


<script type="text/javascript">
    $(document).ready(function(){
        setTimeout(function(){
            $("#the_game").fadeOut(2000,function(){
                $("#the_game2").show();
            }); 
        },15000);
    }); 
</script>
[/LEFT]

However, the first div never fades out and the second one never appears.