X-Cart forums - Adding Dynamic Drives Menu

I'm trying to add the following menu to the left bar of my store:

http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

I've got the following code in 'skin/common_files/customer/meta.tpl'

Code:

{*

$Id: meta.tpl,v 1.3.4.1 2012/04/10 11:45:31 aim Exp $

vim: set ts=2 sw=2 sts=2 et:

*}

  <meta http-equiv="Content-Type" content="text/html; charset={$default_charset|default:"utf-8"}" />

  <meta http-equiv="X-UA-Compatible" content="IE=8" />

  <meta http-equiv="Content-Script-Type" content="text/javascript" />

  <meta http-equiv="Content-Style-Type" content="text/css" />

  <meta http-equiv="Content-Language" content="{$shop_language}" />

{if $printable}

  <meta name="ROBOTS" content="NOINDEX,NOFOLLOW" />

{else}

  {meta type='description' page_type=$meta_page_type page_id=$meta_page_id}

  {meta type='keywords' page_type=$meta_page_type page_id=$meta_page_id}

{/if}



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<link rel="stylesheet" type="text/css" href="ddsmoothmenu.css" />

<link rel="stylesheet" type="text/css" href="ddsmoothmenu-v.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

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

/***********************************************

* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/

</script>

<script type="text/javascript">

{literal}

ddsmoothmenu.init({

        mainmenuid: "smoothmenu-ajax", //menu DIV id

        orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"

        classname: 'ddsmoothmenu', //class added to menu's outer DIV

        //customtheme: ["#1c5a80", "#18374a"],

        contentsource: ["smoothcontainer", "ddsmoothmenu.tpl"] //"markup" or ["container_id", "path_to_menu_file"]

})

ddsmoothmenu.init({

        mainmenuid: "smoothmenu2", //Menu DIV id

        orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"

        classname: 'ddsmoothmenu-v', //class added to menu's outer DIV

        //customtheme: ["#804000", "#482400"],

        contentsource: ["smoothcontainer", "ddsmoothmenu.tpl"] //"markup" or ["container_id", "path_to_menu_file"]

})

{/literal}

</script>

The rest of the files are in the same directory.

Have I made some sort of error with this code?

I was trying to set it up for AJAX so that I could link to a menu content template from the left bar tpl.

Even before I did this I could only get it to show the root menus, not the sub-items. I looked through the javascript file but couldn't figure out what was going wrong.

I don't have much coding experience, so forgive me if I'm being a bit ditsy!

Anyone know how I should have done this?