variable ?

jeg har et link:

<a href="java script:;" onClick="updatedpic(picname)"><IMG-TAG></a>

som kalder denne javascript funktion:

function opdatepic(picname) {
document.picname.src = "./images/" + picname + ".jpg";
}

er der så en måde jeg i updatepic kan bruge variablen picname til at definere det billede som har picname som navn (name="")? det er jeg mener er:

document.picname.src = "./images/" + picname + ".jpg";

mit probleme er bare at "picname" ikke bliver "oversat", dvs det står bare står som tekst. jeg ville gerne have:

document.picname.src = "./images/" + picname + ".jpg";
til at blive til:

document.pic11.src = "./images/pic11.jpg";
hvis funktionen bliver udført:

updatedpic(pic11)

jeg har prøvet:

document. + picname + .src
document."picname".src
document."picname".src
document.("picname").src
jeg har endda forsøgt at bruge $picname i stedet for picname. Men det gav ikke den store hjælp. det virker fint på højre side:
= "./images/" + picname + ".jpg";
bliver til:
= "./images/pic11.jpg"; fx

er det fordi man ikke må definere noget med en ukendt variable ? eller bare fordi jeg ikke kender mine "og" tegn.

ps. jeg ved mine forsøg er lidt håbløse, men jeg føler mig meget på bar bund nu...