// JavaScript Document

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

var baseIcon = new GIcon();
baseIcon.iconSize   = new GSize(22, 22); 
baseIcon.iconAnchor = new GPoint(11, 11);
baseIcon.infoWindowAnchor = new GPoint(11, 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.495049,34.808222), -1);
//ズームバーの表示
gme_map.addControl(new GLargeMapControl());
//衛星とかの切り替え
gme_map.addControl(new GMapTypeControl());
//マーカーの追加

var icon_1 = new GIcon(baseIcon);
icon_1.image = "images/mker_mnavi_01.png";
icon_1.transparent = "images/mker_mnavi_01.png";
addGMarker(1,135.495082,34.807901,icon_1);

var icon_2 = new GIcon(baseIcon);
icon_2.image = "images/mker_mnavi_02.png";
icon_2.transparent = "images/mker_mnavi_02.png";
addGMarker(2,135.495082,34.808077,icon_2);

var icon_3 = new GIcon(baseIcon);
icon_3.image = "images/mker_mnavi_03.png";
icon_3.transparent = "images/mker_mnavi_03.png";
addGMarker(3,135.495082,34.808297,icon_3);

var icon_4 = new GIcon(baseIcon);
icon_4.image = "images/mker_mnavi_04.png";
icon_4.transparent = "images/mker_mnavi_04.png";
addGMarker(4,135.494953,34.808755,icon_4);

/* var icon_5 = new GIcon(baseIcon);
icon_5.image = "images/mker_mnavi_05.png";
icon_5.transparent = "images/mker_mnavi_05.png";
addGMarker(5,135.494894,34.809751,icon_5); */

gme_points[0] = new GLatLng(34.807456,135.495114); //千里中央駅
gme_points[1] = new GLatLng(34.807901,135.495082); //マーカー1、マーカー2
gme_points[2] = new GLatLng(34.808297,135.495082); //マーカー3
gme_points[3] = new GLatLng(34.808597,135.495076); //中継地点
gme_points[4] = new GLatLng(34.808755,135.494953); //マーカー4
/* gme_points[5] = new GLatLng(34.810024,135.495151); //中継地点
gme_points[6] = new GLatLng(34.810024,135.494894); //中継地点
gme_points[7] = new GLatLng(34.809751,135.494894); //マーカー5
gme_points[8] = new GLatLng(34.809751,135.495028); //中継地点
gme_points[9] = new GLatLng(34.809945,135.495028); //中継地点 */

//線を引く
	var gme_polyline = new GPolyline(gme_points,"#FF0000");
	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[markerNo] = marker;
	//gme_markers.push(point);
	var f = function(){
		gme_map.centerAtLatLng(new GPoint(lng,lat));marker.openInfoWindowHtml(buildInfoHtml(point));
	};
	//マーカーをクリックしたら吹き出しを表示
	GEvent.addListener(marker, 'click', f);
	GEvent.addListener(document.getElementById('marker_list_' + markerNo), 'click', f);
	
	var marker_field = document.getElementById('marker_link_'+ markerNo);
	if(marker_field){marker_field.onmousedown = f;}
	gme_map.addOverlay(marker);
	
	
}

function viewMaker(no){
	gme_markers[no].openInfoWindowHtml(document.getElementById('marker_html_' + no).innerHTML);
}