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

var mouseOverAreas = new Array("mouseovers", "mouseoversDynafont", "mouseoversSubnavi");
var mouseOvers = new Array();
var mouseOuts = new Array();

window.onload = init;

function init() {

	if (!W3CDOM) return;
	var imgs = new Array();
	
	for( var i=0; i < mouseOverAreas.length; i++) {
		
		if( document.getElementById( mouseOverAreas[i])) {
			
			var nav = document.getElementById( mouseOverAreas[i]);
			var imgsTemp = nav.getElementsByTagName('img');
			
			for( j=0; j<imgsTemp.length;j++) { 

				imgs.push( imgsTemp[j]);
			}
		}
	}

	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('.')) + "_omo" + suffix;
		imgs[i].number = i;
	}
}

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

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