var W3CDOM = (document.createElement && document.getElementsByTagName);
var imgOver = new Array();
var imgOff = new Array();
var imgOver2 = new Array();
var imgOff2 = new Array();



window.onload=init;

function init()
{
 if(!W3CDOM) return;
 
 var imgs = document.getElementById('navbar').getElementsByTagName('img');
 
 for(i=0;i<imgs.length;i++)
 {
 		imgs[i].onmouseover = over;
		imgs[i].onmouseout = off;
		var fileExt = 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('.')) + "-on" + fileExt;
		imgs[i].number = i;
	}
	
	 var imgIcons = document.getElementById('icons').getElementsByTagName('img');

 	 for(j=0;j<imgIcons.length;j++)
 	 {
 		imgIcons[j].onmouseover = over2;
		imgIcons[j].onmouseout = off2;
		var fileExt = imgIcons[j].src.substring(imgIcons[j].src.lastIndexOf('.'));
		imgOff2[j] = new Image();
		imgOff2[j].src = imgIcons[j].src;
		imgOver2[j] = new Image();
		imgOver2[j].src = imgIcons[j].src.substring(0,imgIcons[j].src.lastIndexOf('.')) + "-on" + fileExt;
		imgIcons[j].number = j;
	}
}

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

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

function over2()
 {
 	this.src=imgOver2[this.number].src;
 }

 function off2()
 {
 	this.src=imgOff2[this.number].src;
 }