JS petit soucis d'adaptation de fonction

Bonjour,
Alors voilà j'ai une fonction qui me permet de modifier une image d'un bouton que je veux simplifier mais il y a un hic :

var tab_bouton = Array('bouton_gommer','bouton_continuer','bouton_arreter');
var tab_chemin = Array('/0002.jpg','/0008.jpg','/0010.jpg');
var tab_chemin2 = Array('/0001.jpg','/0007.jpg','/0009.jpg');

function change_image(nom,href_image)
{
document.images[nom].src=href_image;
}

function theme(num)
{
for(var j=0; j<3; j++) //NE MARCHE PAS -> Erreur : document.images[nom] is undefined
{
document.getElementById("img"+j).onmousedown= function(){change_image(tab_bouton[j],'./theme/'+num+tab_chemin[j])};
document.getElementById("img"+j).onmouseout= function() {change_image(tab_bouton[j],'./theme/'+num+tab_chemin2[j])};
}
// MARCHE BIEN C'EST SA QUE JE VEUX REMPLACER PAR LE FOR AU DESSUS
document.getElementById("img0").onmousedown= function(){change_image('bouton_gommer','./theme/'+num+'/0002.jpg')};
document.getElementById("img0").onmouseout= function(){change_image('bouton_gommer','./theme/'+num+'/0001.jpg')};
document.getElementById("img1").onmousedown= function(){change_image('bouton_continuer','./theme/'+num+'/0008.jpg')};
document.getElementById("img1").onmouseout= function(){change_image('bouton_continuer','./theme/'+num+'/0007.jpg')};
document.getElementById("img2").onmousedown= function(){change_image('bouton_arreter','./theme/'+num+'/0010.jpg')};
document.getElementById("img2").onmouseout= function() {change_image('bouton_arreter','./theme/'+num+'/0009.jpg')};

Une idée? Merci.