Aide au JAVASCRIPT

Bonjour, j'aimerais programmer un petit programme en Javascript/Html pour un pote, et j'ai remarqué que l'une de mes "théorie" n'était pas bonne pourquoi ? Voilà le problème :
| Je doit réaliser une petite page graphique avec des cases, où mon pote pourra cliquer dessus pour changer |la couleur de la case désigné. J'ai tout automatisé et donc le programme m'a ressortit tout le code html de |celle ci.
| Hélas mon code javascript, ci-dessous ne marche que dans un cas & non dans les autres :

<!-- 
function fun(x)
{
     if (document.images[x].src == "base.jpg");
    {
		document.images[x].src = "boule1.jpg";
		exit
    }

     if (document.images[x].src == "boule1.jpg");
    {
		document.images[x].src = "boule2.jpg";
		exit
    }

|Voilà le problème ! Il ne fait que la transformation de la "Base" à la "boule1" et non à la suite.
| Je précise : je ne rafraichis pas la page

Comment je peux faire pour automatiser "Base" -> "Boule1" et "Boule1" -> "Boule2" ?
Merci d'avance !