script cambio immagine ad ogni click

[steoguitar]

Salve,
ho cercato nel forum ma senza risultato.
devo inserire uno script che mi permetta di cambiare immagine ad ogni click.
esempio:
click su immagine default=1.jpg
nuovo click=2.jpg
nuovo click=3.jpg
nuovo click=4.jpg
nuovo click=immagine default

ho provato con

src="IMG_0550.JPG" name="AceJSimage" onclick="AceJSswapper();">
	<script language="JavaScript">
	var wImage = false;
	function AceJSswapper(){
	wImage = !wImage;
	if (wImage == true) {document.AceJSimage.src="minion.jpg";}
	if (wImage == false) {document.AceJSimage.src="viola.jpg";}
	if (wImage == true) {document.AceJSimage.src="pedina_blue2.png";}
	if (wImage == false) {document.AceJSimage.src="pedina_red2.png";}
	}

ma cambia solo tra pedina_red e pedina_blue
quale funzione devo usare?

[steoguitar]

ho parzialmente risolto con questo codice:

 <script type="text/javascript">
imgs=Array("IMG_0550.JPG","minion.jpg","viola.jpg","pedina_red2.png","pedina_blue2.png","IMG_0550.JPG");
var x=0;

function change() {
document.getElementById("bob").src=imgs[++x];

if (x==5) {
x=0;
}
}
      </script><img
 src="IMG_0550.JPG" id="bob" alt="visual game"
 style="width: 101px; height: 135px;" onmousedown="change()">

il problema è questo: seppur funzionando correttamente, nella pagina ho una tabella dove ricorre in più celle questa immagine con la stessa funzione. il problema è che se clicco su una qualsiasi immagine, cambia solo la prima immagine nella prima cella, e non quella selezionata.
come posso fare?

[steoguitar]

il trucco è cambiare il nome dell'id...

<script type="text/javascript">imgs=Array("IMG_0550.JPG","minion.jpg","viola.jpg","pedina_red2.png","pedina_blue2.png","IMG_0550.JPG");var x=0;function change(el) {	el.src=imgs[++x];	if (x==5) {		x=0;	}}</script><img src="IMG_0550.JPG" id="bob" alt="visual game" style="width: 101px; height: 135px;" onmousedown="change(this)"><br><img src="IMG_0550.JPG" id="fred" alt="visual game" style="width: 101px; height: 135px;" onmousedown="change(this)">[etc.]