var mapimg = new Array(5);
mapimg[0] = 'images/top_navi.png';
mapimg[1] = 'images/top_navi01.png';
mapimg[2] = 'images/top_navi02.png';
mapimg[3] = 'images/top_navi03.png';
mapimg[4] = 'images/top_navi04.png';

function mapover() {
	document.getElementById('link1').onmouseover = function() {
		document.getElementById('cmap').src = mapimg[1];
	}
	document.getElementById('link1').onmouseout = function() {
		document.getElementById('cmap').src = mapimg[0];
	}
	document.getElementById('link1').onclick = function() {
		document.getElementById('cmap').src = mapimg[0];
	}

	document.getElementById('link2').onmouseover = function() {
		document.getElementById('cmap').src = mapimg[2];
	}
	document.getElementById('link2').onmouseout = function() {
		document.getElementById('cmap').src = mapimg[0];
	}
	document.getElementById('link2').onclick = function() {
		document.getElementById('cmap').src = mapimg[0];
	}
	
	document.getElementById('link3').onmouseover = function() {
		document.getElementById('cmap').src = mapimg[3];
	}
	document.getElementById('link3').onmouseout = function() {
		document.getElementById('cmap').src = mapimg[0];
	}
	document.getElementById('link3').onclick = function() {
		document.getElementById('cmap').src = mapimg[0];
	}
	
	document.getElementById('link4').onmouseover = function() {
		document.getElementById('cmap').src = mapimg[4];
	}
	document.getElementById('link4').onmouseout = function() {
		document.getElementById('cmap').src = mapimg[0];
	}
	document.getElementById('link4').onclick = function() {
		document.getElementById('cmap').src = mapimg[0];
	}
}

if(window.addEventListener) {
	window.addEventListener("load",mapover,false);
} else if(window.attachEvent) {
	window.attachEvent("onload",mapover);
}