Пример кода с демонстрационным выходом

OM выглядит так:

<div id="d1">
   <div class="c1">
            <a href="#"><img src="img1_on.gif"></a>
            <a href="#"><img src="img2_on.gif"></a>
   </div>
</div>

Когда кто-то нажимает на изображение, я хочу, чтобы изображение src изменилось на<img src="imgx_off.gif"> гдеx представляет изображение № 1 или 2.

Это возможно или мне нужно использовать CSS для изменения изображений?