// JavaScript Document

var gme_map;
var gme_markers=[];
var gme_genres=[];
var gme_points=[];

var baseIcon = new GIcon();
baseIcon.shadow     = "../../images/map_maker01_shadow.png";
baseIcon.iconSize   = new GSize(12, 20); 
baseIcon.shadowSize = new GSize(18, 20);
baseIcon.iconAnchor = new GPoint(6, 20);
baseIcon.infoWindowAnchor = new GPoint(5, 1);
baseIcon.infoShadowAnchor = new GPoint(15, 1);

function MapLoad(){

//GoogleMapsが使えない場合の記述
if(typeof(GBrowserIsCompatible)=='undefined'){
	document.getElementById('map').innerHTML='GoogleMapsと通信ができません。インターネット接続状態を確認してください。';
}

if (GBrowserIsCompatible()) {
gme_map = new GMap(document.getElementById("map"));

//中心の座標を指定
gme_map.centerAndZoom(new GPoint(135.554406, 34.808000), 1);
//ズームバーの表示
gme_map.addControl(new GLargeMapControl());
//衛星とかの切り替え
gme_map.addControl(new GMapTypeControl());
//マーカーの追加

var icon_1 = new GIcon(baseIcon);
icon_1.image = "../../images/map_maker01.png";
icon_1.transparent = "../../images/map_maker01.png";
addGMarker(1,135.554406,34.808000,icon_1);

gme_points[0] = new GLatLng(34.808000,135.554406);

//線を引く
	var gme_polyline = new GPolyline(gme_points,"#FF6600");
	gme_map.addOverlay(gme_polyline);


}else{document.getElementById('map').innerHTML='';}
}

function buildInfoHtml(dataPoint){
	return document.getElementById('marker_html_' + dataPoint.no).innerHTML;
}
function buildGMarker(lng, lat, icon){	
	return new GMarker(new GPoint(lng, lat),icon);
}
function addGMarker(markerNo, lng, lat,icon){
	//var icon = new GIcon(baseIcon);
	
	var marker = buildGMarker(lng, lat, icon);
	
	var point  = {'marker':marker,'no':markerNo,'lng':lng,'lat':lat};
	
	gme_markers.push(point);
	var f = function(){
		gme_map.centerAtLatLng(new GPoint(lng,lat));marker.openInfoWindowHtml(buildInfoHtml(point));
	};
	GEvent.addListener(marker, 'click', f);
	var marker_field = document.getElementById('marker_link_'+ markerNo);
	if(marker_field){marker_field.onmousedown = f;}
	gme_map.addOverlay(marker);
	
}