помогите со скриптом для Джумлы

[berkuta86]

Вобщем делаю себе сайтик на Джумле

нужно организовать такой скрипт:

есть картинки, при наводе на картинку "1" курсором мышки она меняется на другую картинку "2" (когда курсор уходит с картинки то картинка "2" остаётся). При повторном наводе курсора мышки на картинку она снова меняется на картинку "1"

вот на этом сайте реализовано то что я хочу сделать

http://www.novikovcatering.ru/

я сделал такой скрипт но он не работает так как мне нужно. Тут картинка обратно меняется на первую когда курсор уходит с картинки

<script language="javascript">
<!--
function ChangeImg() {
if(document.images) {
eval("document."+ChangeImg.arguments[0]+
".src=('"+ChangeImg.arguments[1]+"')");
}
}

function preload() {
if (document.images) {
var imgsrc = preload.arguments;
arr=new Array(imgsrc.length);
for (var j=0; j<imgsrc.length; j++) {
arr[j] = new Image;
arr[j].src = imgsrc[j];
}
}
}
//-->
</script>


<a href="/"
onMouseOver="ChangeImg('ImgName1','images/stories/1/img1.jpg')"
onMouseOut="ChangeImg('ImgName1','images/stories/1/img2.jpg')">
<img name="ImgName1" border="0" src="images/stories/1/img2.jpg" alt="Закажи обратный звонок" title="Закажи обратный звонок"></a>

[zhegloff]

Сообщение от berkuta86

onMouseOver="ChangeImg('ImgName1','images/stories/1/img1.jpg')"

Когда курсор на картинке, она меняется на img1.jpg

Сообщение от berkuta86

onMouseOut="ChangeImg('ImgName1','images/stories/1/img2.jpg')">

Когда курсор уходит с картинки, она меняется на img2.jpg

Так понятно?

[berkuta86]

это опнятно я просто показал какой у меня скрипт есть
а как сделать чтобы картинка менялась на каждый раз когда на неё наводишь курсор. тоесть навели курсор стала картинка 2, навели снова курсора - стала картинка 1, снова наводим курсор - картинка 2 и т.д.

[berkuta86]

можете прикрыть топик
решил поставленную задачу через JS