How to do a for loop = iteration here

[webaster]

How to do a for loop = iteration here

var ids=['bureauNav','projectenNav','wedstrijdNav','currvitaeNav']; 
// how to do this?
for(var i=0;i<ids.length;i++){ 
navIds[i] = document.getElementById(ids[i])}
imgs = navIds[i].getElementsByTagName('img');
}
for (var i=0;i<imgs.length;i++)
{
imgs[i].onmouseover = mouseGoesOver;
imgs[i].onmouseout = mouseGoesOut;
imgs[i].onclick = mouseGoesClick;
// more code here
}

[webaster]

EDIT:

ow to do a for loop = iteration here

var ids=['bureauNav','projectenNav','wedstrijdNav','currvitaeNav'];
// how to do this?
for(var i=0;i<ids.length;i++){
navIds[i] = document.getElementById(ids[i])}

imgs = navIds[i].getElementsByTagName('img');

for (var i=0;i<imgs.length;i++)
{
imgs[i].onmouseover = mouseGoesOver;
imgs[i].onmouseout = mouseGoesOut;
imgs[i].onclick = mouseGoesClick;
// more code here
}