Flash header with swfObject 2

Hello wordpresspeople,

This is probably not the first time someone asks this question, but I need some help with it.

For my new site I added a flashmenu. When I open the page, nothing strange seems to happen. The menu-items were there, the tranparency works well.
But clicking is not working properly in firefox and flashvars also.

http://puur-yoga.nl

the code so far:

<div id="flashmenu">
<object	class="flashmovie"
			width="1001"
			height="119">
	<param name="movie" value="http://www.puur-yoga.nl/wp-content/themes/manifest_v1.1/menu.swf" />
    <param name="allowScriptAccess" value="always" />
    <?php if (is_page('home') ): ?>
        <param name=FlashVars value="whichpage=home" />
    <?php endif; // end the if, no images for other other categories ?>
    <?php if (is_page('raja') ): ?>
        <param name=FlashVars value="whichpage=raja" />
    <?php endif; // end the if, no images for other other categories ?>
    <?php if (is_page('jongeren') ): ?>
        <param name=FlashVars value="whichpage=jongeren" />
    <?php endif; // end the if, no images for other other categories ?>
    <?php if (is_page('kinder') ): ?>
        <param name=FlashVars value="whichpage=kinder" />
    <?php endif; // end the if, no images for other other categories ?>
    <?php if (is_page('achtergrond') ): ?>
        <param name=FlashVars value="whichpage=achtergrond" />
    <?php endif; // end the if, no images for other other categories ?>
    <?php if (is_page('lesrooster') ): ?>
        <param name=FlashVars value="whichpage=lesrooster" />
    <?php endif; // end the if, no images for other other categories ?>
    <?php if (is_page('workshops') ): ?>
        <param name=FlashVars value="whichpage=workshops" />
    <?php endif; // end the if, no images for other other categories ?>
    <param name="wmode" value="transparent">
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash" wmode="transparent"
			data="http://www.puur-yoga.nl/wp-content/themes/manifest_v1.1/menu.swf"
			name="fm_banner1_2000579731"
			width="1001"
			height="119">

	<!--<![endif]-->

	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
</div>

I heard about flashObject 2.0. Someone told me that it was the best way to add flash on a page.

so I added this code:

<div id="flashcontent">
		<strong>You need to upgrade your Flash Player</strong>
		This is replaced by the Flash content.
		Place your alternate content here and users without the Flash plugin or with
		Javascript turned off will see this. Content here allows you to leave out <code>noscript</code>
		tags. Include a link to <a href="swfobject.html?detectflash=false">bypass the detection</a> if you wish.
	</div>

	<script type="text/javascript">
		// <![CDATA[

		var so = new SWFObject("menu.swf", "sotester", "1001", "119", "9", "#ffffff");
		so.addVariable("flashVarText", "this is passed in via FlashVars for example only"); // this line is optional, but this example uses the variable and displays this text inside the flash movie
		so.addParam("wmode", "transparent");
		so.write("flashcontent");

		// ]]>
	</script>

But it didn’t show up. I even made a single, very simple, test html with this code and it worked.

SWF file:
CLICK HERE

as you can see, the buttons are clickable and a mouse pointer is pinting up aswell.

Is there someone who can help me with this?

Thanks.

F