//GoogleMap用オブジェクト
var map = null;
var center;

//コース用配列
var course_Points = new Array();
var course_Levels = new Array();
var course_Polyline = new Array();

//マーカー用配列
var markers = new Array();
var marker_Points = new Array();
var marker_Info = new Array();

//初期化
$(document).ready(function() {
	init();
	
	$("img").css("width:100px;height:100px");
	
	$("#selector > li > a").click(function()
	{
		var id = $(this).attr("id");
		
		switch(id) {
		case "long":
			map.clearOverlays();
			map.addOverlay(course_Polyline[0]);
			map.addOverlay(course_Polyline[2]);
			map.addOverlay(course_Polyline[3]);
			map.addOverlay(course_Polyline[4]);
			set_Marker();
			break;
		case "short":
			map.clearOverlays();
			map.addOverlay(course_Polyline[1]);
			set_Marker();
			break;
		}
		
		map.setZoom(14);
		map.panTo(center);
	});
	
	$(".ctrl").click(function()
	{
		var index = $(this).attr("id");
		panto_Marker(index);
	});
});

function init()
{
	map = new GMap2(document.getElementById("gmap"));
	center = new GLatLng(35.851039511158056,139.75587844848633);
	
	map.setCenter(center,14);
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	
	//健康コース メイン
	course_Points[0] = "eqxyEw~`tYw@bBpGdKvE`IgFlDuIlDcDnBmAvA~A|E}BzATlAb@j@jGVx@HRf@fArAt@h@~@|BrApCfA`AdAfBuE`FiDzEgErJoB|DiA|DkAnAMh@aDyBQgAw@q@kC}@v@gJd@}EcA@eDn@}C^iAT_B~@aD~BqBnBqAwCEcBaAeGy@mAk@{AkDpCY{@S{E";
	course_Levels[0] = "BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB";
		
	course_Polyline[0] = new GPolyline.fromEncoded({
		color  : "#3333cc",
		weight : 10,
		points : course_Points[0],
		levels : course_Levels[0],
		zoomFactor :32,
		numLevels  :4
	});
	
	//短距離コース
	course_Points[1] = "eqxyEw~`tYw@bBpGdKvE`IgFlDuIlDcDnB_IdIcDvCsAxAoBrBeCrAmEfCyHvBaIjB}AH";
	course_Levels[1] = "BBBBBBBBBBBBBBBB";
		
	course_Polyline[1] = new GPolyline.fromEncoded({
		color  : "#cc3333",
		weight : 10,
		points : course_Points[1],
		levels : course_Levels[1],
		zoomFactor :32,
		numLevels  :4
	});
		
	//一輪草群生地 健康コースから分岐
	course_Points[2] = "scxyEke`tYvCcEpBmDbA_Bb@d@v@{@";
	course_Levels[2] = "BBBBBB";
	
	course_Polyline[2] = new GPolyline.fromEncoded({
		color  : "#3333cc",
		weight : 10,
		points : course_Points[2],
		levels : course_Levels[2],
		zoomFactor :32,
		numLevels  :4
	});
		
	//興禅時 健康コースから分岐
	course_Points[3] = "arxyEqe_tYfAEZOgB_D";
	course_Levels[3] = "BBBB";
		
	course_Polyline[3] = new GPolyline.fromEncoded({
		color  : "#3333cc",
		weight : 10,
		points : course_Points[3],
		levels : course_Levels[3],
		zoomFactor :32,
		numLevels  :4
	});	
		
	//金剛寺 健康コースから分岐
	course_Points[4] = "mdxyEqr~sYnCaCpAmGz@eC`Hh@~DLs@lH";
	course_Levels[4] = "BBBBBBB";
	
	course_Polyline[4] = new GPolyline.fromEncoded({
		color  : "#3333cc",
		weight : 10,
		points : course_Points[4],
		levels : course_Levels[4],
		zoomFactor :32,
		numLevels  :4
	});
	
	//お散歩コースの表示
	for(var i = 0; i < course_Polyline.length; i++) {
		map.addOverlay(course_Polyline[i]);
	}
	
	//川口緑化センター
	marker_Points[0] = new GLatLng(35.84806318883883, 139.76568460464478);
	marker_Info[0] = "<h1>樹里安</h1><center><center><img width='120' height='120' src='./img/i_jurian.jpg'></center>";
		
	//川口市営植物取引センター
	marker_Points[1] = new GLatLng(35.848489316344214, 139.76483166217804);
	marker_Info[1] = "<h1>川口市営植物取引センター</h1><center><img width='120' height='120' src='./img/i_torihiki.jpg'></center>";
	
	//ときめきランド
	marker_Points[2] = new GLatLng(35.851143865209366, 139.76298093795776);
	marker_Info[2] = "<h1>ときめきランド</h1><center><img width='120' height='120' src='./img/i_tokimeki.jpg'></center>";
		
	//一輪草群生地・万葉植物苑
	marker_Points[3] = new GLatLng(35.84368821982016, 139.7642002701923);
	marker_Info[3] = "<h1>一輪草群生地・万葉植物苑</h1><p><a href='http://www.hatogaya.com/angyou/mati.html' target='_blank'>http://www.hatogaya.com/angyou/mati.html</a><br>（入場無料）至る４月１８日に「万葉植物苑」がオープンしました。<br>万葉集に登場する植物約３００種のうち、センダン、ウメ、ツバキ、アシビなど<br>約６０種類が既に植えられ、今後さらに増える予定です。</p><center><img width='256' height='192' src='./img/manyou.jpg'></center>";
		
	//九重神社
	marker_Points[4] = new GLatLng(35.840407722549266, 139.76713836193085);
	marker_Info[4] = "<h1>九重神社</h1><center><img width='120' height='120' src='./img/i_kokonoe.jpg'></center>";
		
	//密蔵院
	marker_Points[5] = new GLatLng(35.840312051723984, 139.76669311523438);
	marker_Info[5] = "<h1>密蔵院</h1><center><img width='120' height='120' src='./img/i_mitsuzouin.jpg'></center>";
		
	//JAあゆみ野園芸センター
	marker_Points[6] = new GLatLng(35.849735073929274, 139.75865721702576);
	marker_Info[6] = "<h1>JAあゆみ野園芸センター</h1><center><img width='120' height='120' src='./img/i_ja.jpg'></center>";
		
	//興禅院
	marker_Points[7] = new GLatLng(35.84835234703862, 139.75761115550995);
	marker_Info[7] = "<h1>興禅院</h1><center><img width='120' height='120' src='./img/i_kouzenin.jpg'></center>";
		
	//花と緑の振興センター
	marker_Points[8] = new GLatLng(35.848387132916415, 139.75620031356812);
	marker_Info[8] = "<h1>花と緑の振興センター</h1><center><img width='120' height='120' src='./img/i_shinko.jpg'></center>";

	//金剛寺
	marker_Points[9] = new GLatLng(35.84254107947845, 139.75392740966527);
	marker_Info[9] = "<h1>金剛寺</h1><center><img width='120' height='120' src='./img/i_kongouji1.jpg'><img width='120' height='120'   src='./img/i_kongouji2.jpg'></center>";
		
	//赤山城跡
	marker_Points[10] = new GLatLng(35.85038638935573, 139.74687507749422);
	marker_Info[10] = "<h1>赤山城跡</h1><center><img width='120' height='120' src='./img/i_akayama.jpg'><img width='120' height='120'   src='./img/i_akayama2.jpg'></center>";
		
	//持宝院
	marker_Points[11] = new GLatLng(35.85187941239498, 139.75333893302377);
	marker_Info[11] = "<h1>持宝院</h1><center>";
		
	//西福寺
	marker_Points[12] = new GLatLng(35.85689616983251, 139.74903345108032);
	marker_Info[12] = "<h1>西福寺</h1><center><img width='120' height='120' src='./img/i_saihukuji.jpg'></center>";
		
	//戸塚安行駅 南口
	marker_Points[13] = new GLatLng(35.85817693920609, 139.75354653598515);
	marker_Info[13] = "<h1>戸塚安行駅 南口</h1><center><img width='120' height='120' src='./img/i_sr.jpg'></center>";
		
	//戸塚安行駅
	marker_Points[14] = new GLatLng(35.85893778251495, 139.7536430955097);
	marker_Info[14] = "<h1>戸塚安行駅</h1><center><img width='120' height='120' src='./img/i_sr.jpg'></center>";
	
	set_Marker();
}

//マーカの設置
function set_Marker() {
	for(var i = 0; i < marker_Points.length; i++) {
		map.addOverlay(create_Marker(marker_Points[i], marker_Info[i], i));
	}
}

//マーカーオブジェクトの生成
function create_Marker(point, info, index)
{
	var marker = new GMarker(point);
	
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(info);
	});
	
	return marker;
}

//マーカー位置まで移動
function panto_Marker(index)
{
	//map.setCenter(marker_Points[index]);
	map.panTo(marker_Points[index]);
	map.openInfoWindow(marker_Points[index], marker_Info[index]);
}

//中心座標調整用
function get_Center()
{
	center = map.getCenter();
	$('#lat').html(center.lat());
	$('#lng').html(center.lng());
}