XML player not showing in CSS tabs

Hello,
I am using the tabs found on the following pages...

http://www.dynamicdrive.com/dynamici...tabcontent.htm

and

http://www.dansimondesign.com/client...age/music.html

The content for these tabs is a dynamic xml mp3 player.

I set up the first tab "souldub" and everything is working fine and as it should for the xml player

however I cant get the swf for the XMLto show in the other tabs...
although these tabs seem to be "seeing" the object as their content box is adjusted for height and width of the player. ( size is content specific..ie...if i only had a few words in the content area it would appear as an oblong rectangle)


could I have missed something in the css or js?
if so could you please lend me a hand give me some insight as to where the problem exists?

if not in those places then where?...


Thanks...heres the code...

Code:

---

<div id="musicmp3">

<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="souldub">Soul Dub</a></li>
<li><a href="#" rel="electronic">Electronic</a></li>
<li><a href="#" rel="hiphop">Hip Hop</a></li>
<li><a href="#" rel="archive">Archive</a></li>

</ul>

<div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">

<div id="souldub" class="tabcontent">
<div align="center">
                          <p>
                            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="myId" width="408" height="226" id="myId">
                              <param name="movie" value="images/flash/MP3Player.swf" />
                              <param name="FlashVars" value="playlist=souldub.xml" />
                              <!--This is the playlist parameter, change to match your xml file.-->
                              <!--[if !IE]>-->
                                <object type="application/x-shockwave-flash" data="images/flash/MP3Player.swf" width="408" height="226" FlashVars="playlist=souldub.xml"> <!--This is the second parameter, change to match your xml file to same as above.-->
                                <!--<![endif]-->
                              <div>
                                <h1>Alternative Content</h1>
                                <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" /></a></p>
                          </div>
                              <!--[if !IE]>-->
                                </object>
                                <!--<![endif]-->
                        </object>
                          </p>
                  </div>
</div>

<div id="electronic" class="tabcontent">
<div align="center">
                          <p>
                            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="myId" width="408" height="226" id="myId">
                              <param name="movie" value="images/flash/MP3Player.swf" />
                              <param name="FlashVars" value="playlist=souldub.xml" />
                              <!--This is the playlist parameter, change to match your xml file.-->
                              <!--[if !IE]>-->
                                <object type="application/x-shockwave-flash" data="images/flash/MP3Player.swf" width="408" height="226" FlashVars="playlist=souldub.xml"> <!--This is the second parameter, change to match your xml file to same as above.-->
                                <!--<![endif]-->
                              <div>
                                <h1>Alternative Content</h1>
                                <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" /></a></p>
                          </div>
                              <!--[if !IE]>-->
                                </object>
                                <!--<![endif]-->
                        </object>
                          </p>
                  </div>
</div>

<div id="hiphop" class="tabcontent">
<div align="center">
                          <p>
                            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="myId" width="408" height="226" id="myId">
                              <param name="movie" value="images/flash/MP3Player.swf" />
                              <param name="FlashVars" value="playlist=souldub.xml" />
                              <!--This is the playlist parameter, change to match your xml file.-->
                              <!--[if !IE]>-->
                                <object type="application/x-shockwave-flash" data="images/flash/MP3Player.swf" width="408" height="226" FlashVars="playlist=souldub.xml"> <!--This is the second parameter, change to match your xml file to same as above.-->
                                <!--<![endif]-->
                              <div>
                                <h1>Alternative Content</h1>
                                <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" /></a></p>
                          </div>
                              <!--[if !IE]>-->
                                </object>
                                <!--<![endif]-->
                        </object>
                          </p>
                  </div>
</div>

<div id="archive" class="tabcontent">
<div align="center">
                          <p>
                            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="myId" width="408" height="226" id="myId">
                              <param name="movie" value="images/flash/MP3Player.swf" />
                              <param name="FlashVars" value="playlist=souldub.xml" />
                              <!--This is the playlist parameter, change to match your xml file.-->
                              <!--[if !IE]>-->
                                <object type="application/x-shockwave-flash" data="images/flash/MP3Player.swf" width="408" height="226" FlashVars="playlist=souldub.xml"> <!--This is the second parameter, change to match your xml file to same as above.-->
                                <!--<![endif]-->
                              <div>
                                <h1>Alternative Content</h1>
                                <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" /></a></p>
                          </div>
                              <!--[if !IE]>-->
                                </object>
                                <!--<![endif]-->
                        </object>
                          </p>
                  </div>
</div>

</div>

<script type="text/javascript">

var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>

</div><!--musicmp3-->

---

1. Please post a link to the page on your site that contains the problematic script so we can check it out.

2. Posting in even two sections is a bad idea: one is enough. Posting in 4 is inappropriate: your question is then taking up space other users may need, and that is unfair and just a waste. Please be considerate when posting.

3. Please wrap your code in [code] tags. This makes it easier to read. Without this, it's harder to read and as happened in your post things can be corrupted, like the smiley faces that appeared instead of code.

4. When posting, please use the correct section. If you're not sure, guess, and a moderator can move it if there is a better place. Posting in multiple forums does not solve this.

If you have any questions, feel free to ask.