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

var mouseOver = new Array();
var mouseOut = new Array();

var z = 0;

function init() {
	if (!W3CDOM) return;
	attachjs('realmenu');
}

function attachjs(element) {
	var menu = document.getElementById(element);
	if (menu) {
		var img = menu.getElementsByTagName('img');
		
		for (i=0; i<img.length; i++) {
			if (!img[i].src.match("_over") && !img[i].src.match("_selected") && !img[i].src.match("blank") && img[i].className != "selected") {
				img[i].onmouseover = swapon;
				img[i].onmouseout = swapoff;
				
				var suffix = img[i].src.substring(img[i].src.lastIndexOf('.'));
				mouseOut[z] = new Image();
				mouseOut[z].src = img[i].src;
				mouseOver[z] = new Image();
				mouseOver[z].src = img[i].src.substring(0,img[i].src.lastIndexOf('.')) + "_over" + suffix;
				img[i].number = z;
				z++;
			}
		}
	}
}

function swapon() {
	this.src = mouseOver[this.number].src;

	var prev = document.getElementById('inlay');
	var img = new Image();
	img.id = "preview";
	img.src = 'gfx/'+(mouseOut[this.number].src.substring(mouseOut[this.number].src.lastIndexOf('/')+1)).replace('gif','jpg');
	prev.appendChild(img);
}

function swapoff() {
	this.src = mouseOut[this.number].src;
	document.getElementById('inlay').removeChild(document.getElementById("preview"));
}

window.onload = init;