var imgarray = new Array('template/navi1.gif', 'template/navi2.gif', 'template/navi3.gif', 'template/navi4.gif', 'template/navi5.gif', 'template/navi6.gif', 'template/navi7.gif', 'template/navi8.gif'); 
var image = new Image();
for (var i = 0; i < imgarray.length; i++ ) image.src = imgarray[i];

function over(img) {
 document.getElementById('navi' + img).src = imgarray[img - 1];
}

function out(img) {
 document.getElementById('navi' + img).src = 'space.gif';
}