/*
	map.js
	2008-09-24


	※ 地域の数を増やしたら、initMap() 関数の asAreaIDs 配列に、
		 HTML 部分と同じ id 値 を追加してください。

*/


////////
// ロールオーバー地図 マウスを離した時イベント
function removeMap()
{
	return function()
	{
		var elmMapImg = document.getElementById( 'elmMapImg' );
		if ( elmMapImg )
		{
			elmMapImg.parentNode.removeChild( elmMapImg );
		}
	};
};


////////
// ロールオーバー地図 マウスを乗せた時イベント
function showMap( sAreaID )
{
	return function()
	{
		var elmMapBox = document.getElementById('map');
		var elmMapImg = document.createElement('img');
		var rovImageName = "./images/ioi-club_area_" + sAreaID +".gif";
		elmMapImg.setAttribute( 'src', rovImageName );
		elmMapImg.setAttribute( 'id',  'elmMapImg' );
		elmMapBox.appendChild( elmMapImg );
	};
};





////////
// ロールオーバー地図 の初期化関数
function initMap()
{
	var asAreaIDs = new Array(
	"miyagi"
	, "fukushima"
	, "saitama"
	, "chiba"
	, "kanagawa"
	, "hiroshima"
	, "aichi"
	, "osaka"
	, "shinsyu"
	, "gunma"
	, "shikoku"
	, "tokyo"
	, "hokuriku"
	, "sapporo"
	, "shizuoka"
	, "kyushu"
	);

	for ( var i = 0; i < asAreaIDs.length ; i++ )
	{
		var elmTarget = document.getElementById( asAreaIDs[i] );

		if ( elmTarget )
		{
			elmTarget.onmouseover = showMap( asAreaIDs[i] );
			elmTarget.onmouseout	= removeMap();
		}
	}

};


////////
// body.onLoad 時に実行する関数
// 要 prototype.js 
// この呼び出し方なら、他の body.onLoad 時に呼び出す関数と共存できる。
Event.observe( window, "load", initMap, false );