var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOvers = new Array();
var mouseOuts = new Array();
var total = 0;

function rollovers(container){

	if (!W3CDOM) return;

	var nav = document.getElementById(container);
	var imgs = nav.getElementsByTagName('img');

	for (var i=0;i<imgs.length;i++){

		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		mouseOuts[total] = new Image();
		mouseOuts[total].src = imgs[i].src;
		mouseOvers[total] = new Image();
		mouseOvers[total].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "Over" + suffix;
		imgs[i].number = total;
			
		total++;

	}
		
}
function mouseGoesOver(){
	this.src = mouseOvers[this.number].src;
}
function mouseGoesOut(){
	this.src = mouseOuts[this.number].src;
}

