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


if (W3CDOM) {
	window.onload = init;
}

function init() {
	var nav = document.getElementById('galleryContent');
	var imgs = nav.getElementsByTagName('img');
	for (var i=0; i<imgs.length; i++) {
		var src = imgs[i].src
		var suffix = src.substring(src.lastIndexOf('.'));
		var prefix = src.substring(0, src.lastIndexOf('.'));
		var mouseOut = new Image();
		mouseOut.src = src;
		if(prefix.lastIndexOf("Full") == prefix.length - 4) {
			
			var mouseOver = new Image();
			mouseOver.src = prefix.substring(0, prefix.length - 4) + "Detail" + suffix;
			createMouseOvers(imgs[i], mouseOut, mouseOver);
		}
	}
}

function createMouseOvers(image, mouseOut, mouseOver) {
	image.onmouseover = function() {
		image.src = mouseOver.src;
	}
	image.onmouseout = function() {
		image.src = mouseOut.src;
	}
}