unwanted semicolon in url changer

[turpentyne]

I have a script that is supposed to change an image source url ('pic2') to match one of several options in a drop down. But it's just adding a folder instead of replacing. I can click on other options in the dropdown, and yet another folder is added.

 

the function:

function change3(picName,choice)

{ 
var url = (document[picName].src);
url = url.replace(/crenate/, choice);
url = url.replace(/margin_finelyserrate/, choice);
url = url.replace(/margin_lobed/, choice);
url = url.replace(/margin_undulate/, choice);
url = url.replace(/doubleserrate/, choice);
url = url.replace(/leaf_shapes/,"leaf_shapes/" + choice);
document[picName].src = url;
}

 

So if the one folder says crenate, it needs to be changed to doubleserrate. not say /crenate/doubleserrate/

 

The dropdown items look like this:

 

<li id="margin1"><a href="javascript:passit4('entire')" onclick="ShowContent('uniquename3'); change3('pic2','crenate');" >crenate or whicher is chosen</a></li>