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

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

if(W3CDOM)
  window.onload = init;

function init()
{
	if (!W3CDOM) return true;
	var btn = document.getElementById('buttons');
	var imgs = btn.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();
		mouseOuts[i].src = imgs[i].src;
		mouseOvers[i] = new Image();
		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('_')) + "_over" + suffix;
		imgs[i].number = i;
	}
}

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

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