Flash menu with Flashvars to highlight current page

programming web dev
1

I’m having problems embedding my flash menu bar and getting the current page to highlight. I’ve decided to do this by passing the page number as a variable with Flashvars and then getting this to a corresponding highlight movieclip in the flash file.

Heres the embed code that dreamweaver puts in when you insert a flash movie - which I’ve added what I thought was the correct:


<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="850" height="50">
              <param name="movie" value="menu.swf" />
              <param name="quality" value="high" />
              <param name="wmode" value="opaque" />
              <param name="swfversion" value="6.0.65.0" />
              <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
              <param name="expressinstall" value="Scripts/expressInstall.swf" />
              <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
              <!--[if !IE]>-->
              <object type="application/x-shockwave-flash" data="menu.swf" width="850" height="50">
                <!--<![endif]-->
                <param name="quality" value="high" />
                <param name="wmode" value="opaque" />
                <param name="swfversion" value="6.0.65.0" />
                <param name="expressinstall" value="Scripts/expressInstall.swf" />
				<param name="Flashvars" value="i=1" />
                 <embed src="menu.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="850" height="50" FlashVars="i=1" ></embed>
                <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
                <div>
                  <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                  <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
                </div>
                <!--[if !IE]>-->
              </object>
              <!--<![endif]-->
            </object>

This works absolutely fine in Firefox - but in Safari and Chrome it’s not having any of it!

What’s wrong with the embed code? I’m guessing its this because if it works in Firefox then the flash file must be fine - in the other browsers it must be the Flashvars not getting to the swf file?

Any help much appreciated. Thanks