//top_area_map.js
//
// トップのマップエリアの動きを制御するJavascript
//
//////////////////////////////////////////////////////

var g_area_map_table = ["yaesu", "shibuya", "shinjyuku", "nagoya_sakae", "osaka_kita", "osaka_minami", "fukuoka"];

$.event.add(window, "load", function() {
	for (var i = 0; i < 7; i++) {
		$.event.add($("#toppage_area_map_elem"+i).get(0), "mouseover", function() {
			var id = ($(this).attr("id"));
			var index = parseInt(id.substr(21,1));

			for (var j = 0; j < 7; j++) {
				$("#toppage_area_map_elem"+j).css({"z-index":"20"});
			}
			$(this).css({"z-index":"30"});

			$("#"+id+" .on").css({"display":"block"});
			$("#"+id+" .off").css({"display":"none"});

			$("#toppage_area_map_imgd").css({"display":"none"});
			for (var j = 0; j < 7; j++) {
				$("#toppage_area_map_img"+j).css({"display":"none"});
			}
			$("#toppage_area_map_img"+index).css({"display":"block"});
			
		});
		$.event.add($("#toppage_area_map_elem"+i).get(0), "mouseout", function() {
			var id = ($(this).attr("id"));
			$("#"+id+" .on").css({"display":"none"});
			$("#"+id+" .off").css({"display":"block"});
			for (var j = 0; j < 7; j++) {
				$("#toppage_area_map_img"+j).css({"display":"none"});
			}
			$("#toppage_area_map_imgd").css({"display":"block"});
		});
		$.event.add($("#toppage_area_map_elem"+i).get(0), "click", function() {
			var id = ($(this).attr("id"));
			location.href = topAreaMap_GetURLFromID(id);
		});
	}
});

function topAreaMap_GetURLFromID(id) {
	if (id=="toppage_area_map_elem0") {return "/MAP/subwindow/map_yaesu.html";}
	if (id=="toppage_area_map_elem1") {return "/MAP/subwindow/map_shibuya.html";}
	if (id=="toppage_area_map_elem2") {return "/MAP/subwindow/map_shinjuku.html";}
	if (id=="toppage_area_map_elem3") {return "/MAP/subwindow/map_nagoya.html";}
	if (id=="toppage_area_map_elem4") {return "/MAP/subwindow/map_osakakita.html";}
	if (id=="toppage_area_map_elem5") {return "/MAP/subwindow/map_osakaminami.html";}
	if (id=="toppage_area_map_elem6") {return "/MAP/subwindow/map_fukuoka.html";}
	
	return "";
}