var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOvers = new Array();
var mouseOuts = new Array();

window.onload = init;

function init()
{
	if (!W3CDOM) return;

	var nav = document.getElementById('navButtons');
	var imgs = nav.getElementsByTagName('img');
	for (var i=0;i<imgs.length;i++)
	{	
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		mouseOuts[i] = new Image();
		//Condition added to accommodate current page staying highlighted.
		if(imgs[i].id == "but"+cPage){
			mouseOuts[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "A" + suffix;
			imgs[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "A" + suffix;
		}else{
			mouseOuts[i].src = imgs[i].src;
		}
		mouseOvers[i] = new Image();
		//Condition added to accommodate current page staying highlighted.
		if(imgs[i].id == "but"+cPage){
			mouseOvers[i].src = imgs[i].src;
		}else{
			mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "A" + suffix;
		}
		imgs[i].number = i;
	}

}

function mouseGoesOver()
{
	this.src = mouseOvers[this.number].src;
}

function mouseGoesOut()
{
	this.src = mouseOuts[this.number].src;
}