[SOLVED] trying to get a Hype animation in my footer widget

Not sure if anyone can help with this but I created a footer widget with the simple code from the ATA theme options "Add new WIDGET AREAS" : <?php bfa_widget_area('name=My new widget area'); ?> I placed it in the Footer: Content area.
I got this to work for me to insert an image in the footer by placing this code into the new "My New Widget area" box:
<image src="http://localhost:8888/wordpress-3.3.2/wp-content/uploads/2012/beaver-bill-footer2.jpg" align=center />

Now I want to replace the image with an image animation created by "Hype":

http://tumultco.com/hype/

Here is what Hype says:

"When exporting, Tumult Hype creates an entirely self-contained directory that holds all the resources and JavaScript for your content. Upload that directory to your web server, copy and paste three lines of HTML into your existing web page, and you’re good to go."

Well I have tried that and still can not get it to work, I believe I am pointing things in the right direction but no luck Just wondering if anyone has experience with this.
BTW, here are those 3 lines of code they talk about:

<!-- copy these lines to your document: -->

<div id="beaverbilllogoanimwebfinal880_hype_container" style="position:relative;overflow:hidden;width:880 px;height:242px;">
<script type="text/javascript" charset="utf-8" src="beaverbill-logo-anim-web-final-880_Resources/beaverbilllogoanimwebfinal880_hype_generated_scrip t.js?33236"></script>
</div>

<!-- end copy -->

Yes, I did alter the src= part to point to the folder where I located the resource file.


Thanks again!

ron