var map = null;
var point = null;

function init() {
	if (param != '' || (typeof(parent.areakey) != 'undefined')) {
		document.getElementById('map').style.width = '630px';
		document.getElementById('map').style.height = '580px';
	}
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		point = new GLatLng(centerLat, centerLng);
		map.setCenter(point, scale);
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.addControl(new GOverviewMapControl());
		map.setMapType(G_NORMAL_MAP);
		map.enableContinuousZoom();
		map.enableScrollWheelZoom();
		loadMarker();
	}
}

function loadMarker() {
	for (i = 0; i < lat.length; i++) {
		point = new GLatLng(lat[i], lng[i]);
		var marker = new GMarker(point);
		marker.mid = i;
		map.addOverlay(marker);
		if (param == '' && (typeof(parent.areakey) == 'undefined')) {
			GEvent.addListener(map, 'click', function(marker) {
				if (marker != null && titleUrl[marker.mid] != undefined) {
					var htmlStr = "";
					htmlStr += '<table border="0" cellpadding="0" cellspacing="0" width="300" bgcolor="white"><tr><td valign="top">';
					htmlStr += '<table class="v10" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td><div align="center"><p class="captiontitle">' + title[marker.mid] + '</p></div></td></tr></table>';
					htmlStr += '<table class="v10" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td><div align="center">'
					htmlStr += '<object width="240" height="160"><param name="movie" value="' + imageUrl[marker.mid] + '"></param>'
					htmlStr += '<embed src="' + imageUrl[marker.mid] + '" type="application/x-shockwave-flash" wmode="transparent" width="240" height="160"></embed></object></div></td></tr></table>'
					if (description[marker.mid] != '') {
						htmlStr += '<table class="v10" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td><p class="honbun">' + description[marker.mid] + '</p></td></tr></table>'
						htmlStr += '<table class="v0" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td><div align="center">';
					} else {
						htmlStr += '<table class="v10" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td><div align="center">';
					}
					htmlStr += '</div></td></tr></table></td></tr></table>';
					marker.openInfoWindowHtml(htmlStr);
				}
			});
		} else {
			GEvent.addListener(map, 'click', function(marker) {
				if (marker != null && titleUrl[marker.mid] != undefined) {
					var htmlStr = "";
					htmlStr += '<table border="0" cellpadding="0" cellspacing="0" width="300" bgcolor="white"><tr><td valign="top">';
					htmlStr += '<table class="v10" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td><div align="center"><p class="captiontitle">' + title[marker.mid] + '</p></div></td></tr></table>';
					htmlStr += '<table class="v10" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td><div align="center">'
					htmlStr += '<object width="240" height="160"><param name="movie" value="' + imageUrl[marker.mid] + '"></param>'
					htmlStr += '<embed src="' + imageUrl[marker.mid] + '" type="application/x-shockwave-flash" wmode="transparent" width="240" height="160"></embed></object></div></td></tr></table>'
					if (description[marker.mid] != '') {
						htmlStr += '<table class="v10" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td><p class="honbun">' + description[marker.mid] + '</p></td></tr></table>'
						htmlStr += '<table class="v0" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td><div align="center">';
					} else {
						htmlStr += '<table class="v10" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td><div align="center">';
					}
					htmlStr += '<table border="0" cellpadding="0" cellspacing="0"><tr><td>';
					htmlStr += '<table class="datalinks" border="0" cellpadding="0" cellspacing="0"><tr><td><a href="javascript:parent.changeMovie(' + tracks[marker.mid] + ')">⇒　高画質の動画を再生</a></td></tr></table>';
					htmlStr += '</td></tr></table></div></td></tr></table></td></tr></table>';
					marker.openInfoWindowHtml(htmlStr);
				}
			});
		}
	}
}