[TYPO3] Separate menu items with a char or image

[Ronald Renfro]

Hi,
I would like to build a navigation list that the user can edit via  
the constant editor:

Navigation has two alternative modes:

Mode 1: Text separator e.g pipe char between items
page 1 | page 2 | page3

Mode 2: Image separator e.g image between items
page 1 • page 2 • page3

I want the user to be able to define a seperator char (Mode 1) or  
upload an image (Mode 2) that will be inserted between items. I would  
like to use the constant editor for this.

The problem I have is that I do not know how to tell allWrap where to  
get the image data from...

This is where I am having difficulties:

NO.allWrap =  <li>|{$template.pictspace.separatorChar}</li> |*|  <li>| 
{$template.pictspace.separatorChar}</li> |*|  <li>|</li>

the above works fine but this does not work:

NO.allWrap =  |*||<img src="{$template.pictspace.itemWrap.file}">|*| |*|

...because template files are output as example*.gif instead of  
typo3conf/uploads/tf/example1.gif)

Is there another way to achieve what I would like to do?

Thanks
Ronald