//<![CDATA[

var W3CDOM = (document.getElementById && document.getElementsByTagName);
var imgOver = new Array();
var imgOff = new Array();

window.onload = function() {
    if (!W3CDOM) return;
    nav = document.getElementById('navbar');
    imgs = nav.getElementsByTagName('img');
    lnks = nav.getElementsByTagName('a');
    for (var i=0; i<imgs.length; i++) {
        imgs[i].onmouseover = over;
        lnks[i].onfocus = over;
        imgs[i].onmouseout = off;
        lnks[i].onblur = off;
        suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
        imgOff[i] = new Image();
        imgOff[i].src = imgs[i].src;
        imgOver[i] = new Image();
        imgOver[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "-over" + suffix;
        imgs[i].number = i;
        lnks[i].number = i;
	}
}

function over() {
    imgs[this.number].src = imgOver[this.number].src;
}

function off() {
    imgs[this.number].src = imgOff[this.number].src;
}

//]]>