[SystemSkins]

Ok, I figured it out.

The + symbol is a unicode character called ± found in sitemap.tpl at the very bottom:

{literal}
<script type="text/javascript" language="javascript1.2"><!--
compactMenu('category_sitemap',true,'&plusmn', true);
//--></script>{/literal}

I replaced it with:

{literal}
<script type="text/javascript" language="javascript1.2"><!--
compactMenu('category_sitemap',true,'{/literal}<img src="{$ImagesDir}/sitemap+.gif" alt="" />{literal}', true);
//--></script>
{/literal}

You can see it here: http://www.systemskins.com/sitemap.html


As far as the image changing upon collapsing and expanding. It can not be done with this nested <ul> <li> script. You need to use a different script and it's done with CSS using display properties.

The nested script you produced for this site map I found here: http://www.howtocreate.co.uk/tutorials/jsexamples/listCollapseExample.html

A collapsable script that is more versitile is found here: http://www.howtocreate.co.uk/tutorials/jsexamples/collapseList.html


Now if I can only figure out how to make it so the sitemap doesn't reorder my categories and doesn't break the expanded menu bar on the left i'll be done with this project.