Swf in container

1

I’m pretty new to all of this and need some help trying to load a swf file in a container.

What I have is a thumbnail gallery where I have thumbnails on the right side of the page and when you click on the thumbnail it pops on the left side of the page in a container. So what I want to do is keep the same format so you can click on the thumbnail then the swf file appears instead of an exploded image. This is what I have.

<style type=“text/css”>
img { border: 0px }

#container {
text-align: center;
border: 0px;
margin: 0 auto;
padding: 0px
}

#leftcol img {
}

#rightcol img {
}

</style>

&lt;td width="80" height="421"&gt;&nbsp;&lt;/td&gt;
&lt;td width="673"&gt;&lt;div align="center"&gt;&lt;img src="images/AF.jpg" name="ImageOnly" align="absmiddle" /&gt;&lt;/div&gt;      &lt;/div&gt;&lt;/td&gt;
&lt;td width="71"&gt;&nbsp;&lt;/td&gt;
&lt;td width="318" valign="middle"&gt;&lt;div id="leftcol"&gt;
  &lt;div class="root" id="root0"&gt;
    &lt;div class="scrollContainer" id="scroll0Container"&gt;
      &lt;div class="scrollContent" id="scroll0Content"&gt;
      	&lt;p&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/Asylum_5.jpg'"&gt;&lt;img src="images/Asylum_5_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/Asylum_1.jpg'"&gt;&lt;img src="images/Asylum_1_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/Asylum_2.jpg'"&gt; &lt;img src="images/Asylum_2_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/Asylum_3.jpg'"&gt;&lt;img src="images/Asylum_3_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;/p&gt;
        &lt;p&gt;&nbsp;&lt;/p&gt;
        &lt;p&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/kerryn_5.jpg'"&gt;&lt;img src="images/kerryn_5_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/kerryn_6.jpg'"&gt;&lt;img src="images/kerryn_6_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/kerryn_7.jpg'"&gt; &lt;img src="images/kerryn_7_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/kerryn_8.jpg'"&gt;&lt;img src="images/kerryn_8_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/kerryn_9.jpg'"&gt;&lt;img src="images/kerryn_9_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/kerryn_9.jpg'"&gt;&lt;img src="images/kerryn_movie_thumbnail_2.jpg" /&gt;&lt;/a&gt;
        &lt;/p&gt;
        &lt;p&gt;&nbsp;&lt;/p&gt;
        &lt;p&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/f_h_5.jpg'"&gt;&lt;img src="images/f_h_5_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/f_h_6.jpg'"&gt;&lt;img src="images/f_h_6_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/f_h_7.jpg'"&gt;&lt;img src="images/f_h_7_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/f_h_8.jpg'"&gt;&lt;img src="images/f_h_8_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;/p&gt;
        &lt;p&gt;&nbsp;&lt;/p&gt;
        &lt;p&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/football_1.jpeg'"&gt;&lt;img src="images/football_1_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/football_2.jpeg'"&gt;&lt;img src="images/football_2_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/football_3.jpeg'"&gt;&lt;img src="images/football_3_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;a href="#" onclick="ImageOnly.src='images/football_4.jpeg'"&gt;&lt;img src="images/football_4_thumbnail.jpg" /&gt;&lt;/a&gt;
        &lt;/p&gt;
        &lt;p&gt;&nbsp;&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

I hope I’m posting in the right section. Thank you for any help.