myImage = new Image();
myImage.src = "img/area_map_02.png";
myImage.src = "img/area_map_03.png";
myImage.src = "img/area_map_04.png";
myImage.src = "img/area_map_05.png";

function tabclear()
{
	document.getElementById("tab01").style.backgroundImage = "url('img/tab01.png')";
	document.getElementById("tab02").style.backgroundImage = "url('img/tab02.png')";
	document.getElementById("tab03").style.backgroundImage = "url('img/tab03.png')";
	document.getElementById("tab04").style.backgroundImage = "url('img/tab04.png')";

	document.getElementById("data00").style.display = "none";
	document.getElementById("data01").style.display = "none";
	document.getElementById("data02").style.display = "none";
	document.getElementById("data03").style.display = "none";
	document.getElementById("data04").style.display = "none";
}

function tab01()
{
	tabclear();
	document.getElementById("tab01").style.backgroundImage ="url('img/tab01on.png')";
	document.getElementById("areamap01").src = "./img/area_map_02.png";
	document.getElementById("data01").style.display = "block";
}

function tab02()
{
	tabclear();
	document.getElementById("tab02").style.backgroundImage ="url('img/tab02on.png')";
	document.getElementById("areamap01").src = "./img/area_map_03.png";
	document.getElementById("data02").style.display = "block";
}

function tab03()
{
	tabclear();
	document.getElementById("tab03").style.backgroundImage ="url('img/tab03on.png')";
	document.getElementById("areamap01").src = "./img/area_map_04.png";
	document.getElementById("data03").style.display = "block";
}

function tab04()
{
	tabclear();
	document.getElementById("tab04").style.backgroundImage ="url('img/tab04on.png')";
	document.getElementById("areamap01").src = "./img/area_map_05.png";
	document.getElementById("data04").style.display = "block";
}