Second Pop Up Video Issues

Second Pop Up Video Issues

I am attempting to have 2 locations on a site where a pop up video will display. The first video pops up fine, but the second video window pops up, but does not load the flash player (utilizing flowplayer swf).  Here is the code from the site:
<ul>
  <li><a href="#video" class="popup">Pool Paradise</a>
</li>
  <li><a href="#art" class="popup">Art Comes To Life</a><br />3D Version</li>
</ul>
  <div style="display:none">
      <div id="video" style="width:425; height:344px;">
      <!--<object width="425" height="344">
      <param name="movie" value="http://www.youtube.com/v/HvSdVuSKoj8&hl=en&fs=1"></param>
                                            <param name="allowFullScreen" value="true"></param>
                                            <param name="allowscriptaccess" value="always"></param>
                                            <embed src="http://www.youtube.com/v/HvSdVuSKoj8&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
                                        </object>-->
                                        <a id="player" style="width:425px;height:344px;display:block"></a>
<script language="JavaScript">
flashembed("player", "swf/flowplayer-3.2.2.swf", {config: {
clip:'http://www.example.com/sonoranrain/video/Designstolifevid1.flv',
plugins: {
controlbar:null
}
}});
</script>
                                    </div>
                                 </div>
                                    
                                 <div style="display:none">
                                    <div id="art" style="width:425; height:344px;">
                                        <!--<object width="425" height="344">
                                            <param name="movie" value="http://www.youtube.com/watch?v=We37xrvTg4Q"></param>
                                            <param name="allowFullScreen" value="true"></param>
                                            <param name="allowscriptaccess" value="always"></param>
                                            <embed src="http://www.youtube.com/watch?v=We37xrvTg4Q" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
                                        </object>-->
                                        <a id="player" style="width:425px;height:344px;display:block"></a>
<script language="JavaScript">
   flashembed("player", "swf/flowplayer-3.2.2.swf", {config: {
   clip:'http://www.example.com/sonoranrain/video/artcomestolife3d.flv',
plugins: {
controlbar:null
}
}});
                                    </script>
                                    </div>
                                </div>

How would I get the second video to play? There is nothing in the <body> tag, since everything I have seen for help is based around that.