// JavaScript Document

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

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.441711,34.790880), -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.441695,34.791461,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.441545,34.791329,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.441218,34.791285,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.440896,34.791376,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.441456,34.791094,icon_5);

var icon_6 = new GIcon(baseIcon);
icon_6.image = "images/mker_mnavi_06.png";
icon_6.transparent = "images/mker_mnavi_06.png";
addGMarker(6,135.441620,34.790915,icon_6);

var icon_7 = new GIcon(baseIcon);
icon_7.image = "images/mker_mnavi_07.png";
icon_7.transparent = "images/mker_mnavi_07.png";
addGMarker(7,135.442234,34.790413,icon_7);

gme_points[0] = new GLatLng(34.791376,135.440896); //マーカー1(北ターミナルビル入り口)
gme_points[1] = new GLatLng(34.791285,135.441218); //マーカー2
gme_points[2] = new GLatLng(34.791175,135.441357); //中継地点
gme_points[3] = new GLatLng(34.791329,135.441545); //マーカー6
gme_points[4] = new GLatLng(34.791461,135.441695); //マーカー7(大阪空港駅)

gme_points2[0] = new GLatLng(34.790413,135.442234); //マーカー3(南ターミナルビル入り口)
gme_points2[1] = new GLatLng(34.790915,135.441620); //マーカー4
gme_points2[2] = new GLatLng(34.791094,135.441456); //マーカー5
gme_points2[3] = new GLatLng(34.791175,135.441357); //中継地点

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

	var gme_polyline = new GPolyline(gme_points2,"#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);
}