How to correct SpryAssets/SpryMenuBar paths in template for sub-directories?

Question

I recently converted my real estate web site to CSS using Dreamweaver CS4. I use a primary template for most of my pages, which have both a horizontal and a vertical spry menu bar. When I create a page with the template and save it in a sub-directory (not at root level), after a page view,  I get errors on the server such as:
File does not exist: /home/I_DELETED_THIS/public_html/homes_for_sale/SpryAssets, referer: http://locatehome.com/homes_for_sale/10-2264.htm
(I replaced part of the URL with "I_DELETED_THIS" since this is posted publicly)
The SpryAssets directory is at the root level of my site. The template includes the code further below at the bottom of the source code in a non-editable area of the template, which I think is the source of the problem, especially since I get two error messages for each page view and the SpryAssets directory is referenced twice in the following code after the last div. Part of the code is commented out:
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
Can I delete this code from the template or will my menu bars not function if they have sub-menus?
The template changes the file path for other CSS scripts in the head of the template and links, etc. in the body, but not for this section of code. Is there a way to modify my template so that the path files will be correct when a create new pages in sub-directories?
I saw one suggestion in the Forum to another user with a related problem that he should manually change the code in this section of the template to have a file path relative to the root, but it seems that the program should automatically be taking care of things like that.
Many thanks,
Dave K.

Answer 1

<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var
MenuBar2 = new Spry.Widget.MenuBar("MenuBar2",
{imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
No you cannot delete the menu constructors, they are the ones that call the menus. The comment tags are purely for browsers that do not have JavaScript enabled.
As far as template behaviours are concerned, I am afraid that this is not a very helpful forum. You will need to go to the Dreamweaver Forum for that http://forums.adobe.com/community/dreamweaver/dreamweaver_general
I hope this helps.
Ben