X-Cart forums - Help including a swf file.

I download the free trial of 3dcarousel from www.flashcarousel.com as I thought this would be a nice add on to my site. I went though the steps to create a html file "code shown below" and when I open that file everything works. I'm trying to add the carousel to the index page of my site.

here is what I did so far

1. I remove the script from the <head> of the html file and copied it to skin1\customer\meta.tpl . I changed the scr= to src="carousel/swfobject.js"
2. I made a helpme.tpl file and pasted from <div> to </script> from the html file into the blank helpme.tpl. "going to rename the tpl file later.
3. I added the line {include file="carousel/helpme.tpl"} to skin1\customer\home.tpl right above the {include file="customer/home_main.tpl"} line

X-cart sees the tpl file I made but does not add the carousel. I have to have a path or something simple wrong but I do not see it.
I have a folder in skin1 called carousel that contains the .swf, .js, .png and the .xml config file. Right now it is not displaying anything not even the get flash .png image file

here is the .html file

Code:

<!-- saved from url=(0013)about:internet -->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>3DCarouselDev</title>

    <script type="text/javascript" src="swfobject.js"></script> 

  </head>

  <body>

    <div id="flashcontent">

      <center>

        <a target="_blank" href="http://www.macromedia.com/go/getflash/">

          <img border="0" alt="" src="getflash.png" />

        </a>

      </center>

    </div>

    

    <script type="text/javascript"> 

      var so = new SWFObject("3DCarouselDev.swf", "3DCarouselDev", "550", "300", "8.0.0.0", "#cccccc"); 

      so.addParam("quality", "high"); 

      so.addParam("scale", "noscale"); 

      so.addParam("menu", "false"); 

      so.addParam("salign", "lt"); 

      so.addParam("wmode", "transparent"); 

      so.write("flashcontent");

    </script>

    

  </body>

</html>

My helpme.tpl file code

Code:

<div id="flashcontent">

  <center>

    <a target="_blank" href="http://www.macromedia.com/go/getflash/">

      <img border="0" alt="" src="carousel/getflash.png" />

    </a>

  </center>

</div>



<script type="text/javascript"> 

      var so = new SWFObject("3DCarouselDev.swf", "3DCarouselDev", "550", "300", "8.0.0.0", "#cccccc"); 

      so.addParam("quality", "high"); 

      so.addParam("scale", "noscale"); 

      so.addParam("menu", "false"); 

      so.addParam("salign", "lt"); 

      so.addParam("wmode", "transparent"); 

      so.write("flashcontent");

    </script>