[Grendel]

Доброго времени форумчане. Подскажите пожалуйста, можно ли динамически менять значение ID в функции
document.getElementById(ID); ?

Код у меня простой, всего-навсего меняет картинку кнопки при наведении на нее. Но кнопок у меня много и хотелось бы чтобы все они работали от одной функции. Я пробовал так:

function onBut(id){
    var but = document.getElementById(id);
    but.src = "/img_pages/katalog/buttons/but2.png";
};
function outBut(id){
    var but = document.getElementById(id);
    but.src = "/img_pages/katalog/buttons/but1.png";
};

Ну и в самом HTML-коде прописывал примерно так:

<img id="b1" onmouseover="onBut(b1);" onmouseout="outBut(b1);" src="/img_pages/katalog/buttons/but1.png">

Понимаю, что в функции document.getElementById('id'); -- id нужно подставлять реальный и в кавычках. Но может существует способ выразить его через переменную?
Спасибо.