[walking]

Есть вертикальное меню сайта. На страничке сайта картинка. При наведении мышки на каждый пункт меню, картинка изменяется. Сколько пунктов меню, столько вариантов изменения. При удалении/добавлении пунктов меню в админке в код не лезть.
Имена файлов картинок:
первоначальной – 0.png;
сменяющих - <?php echo $item->id ?>.png , имя до расширения соответствует id item соответствующего ей пункта меню.
id картинки – img .

Скрипт:

var imgs = [];
imgs[0] = "/0.png";
imgs[<?php echo $item->id ?>] = "/<?php echo $item->id ?>.png";
function show_img(a) {
var obj = document.getElementById("img");
obj.src = imgs[a];
}

К ссылке меню дописано (и к каждой подхватывается соответствующее ей значение):
onmouseover="show_img(<?php echo $item->id ?>);" onmouseout="show_img(0);"

В результате картинка меняется при наведении только на последний пункт меню. При наведении на любые другие пункты меню первоначальная картинка пропадает, т.е. файла-замены нет. Но при этом в файербуге все красиво. Каждой ссылке меню соответствуют именно ее значения, в т.ч. и правильные имена заменяющих файлов.
С чем это связано? Запоминает последнее вычисленное значение (код ссылки меню – 1 строка, для каждой вычисляется заново по циклу)?
Подскажите, пожалуйста, что и как надо изменить?