var fukuoka_marker;
var kumamoto_marker;
var haki_marker;
var ooita_marker;
var nagasaki_marker;
var tosu_marker;


function load() {
	if (GBrowserIsCompatible()) {

		// 広域マップの読み込み
		loadHighwayMap();
		// 詳細マップの読み込み
		loadDetailMap();

	}
}

/**
 * 広域マップを表示する
 * @return void
 */
function loadHighwayMap() {
	var h_map = new GMap2(document.getElementById("highwaymap"));
	h_map.addControl(new GMapTypeControl());
	h_map.addControl(new GLargeMapControl());
	h_map.setCenter(new GLatLng(33.358658, 130.806186), 9);

	// 高速道路の主要ポイントにマーカをつける
	fukuoka_marker  = new GMarker(new GLatLng(marker_json[0].lat, marker_json[0].lng));
	kumamoto_marker = new GMarker(new GLatLng(marker_json[1].lat, marker_json[1].lng));
	haki_marker     = new GMarker(new GLatLng(marker_json[2].lat, marker_json[2].lng));
	ooita_marker    = new GMarker(new GLatLng(marker_json[3].lat, marker_json[3].lng));
	nagasaki_marker = new GMarker(new GLatLng(marker_json[4].lat, marker_json[4].lng));
	tosu_marker     = new GMarker(new GLatLng(marker_json[5].lat, marker_json[5].lng));
	h_map.addOverlay(fukuoka_marker);
	h_map.addOverlay(kumamoto_marker);
	h_map.addOverlay(haki_marker);
	h_map.addOverlay(ooita_marker);
	h_map.addOverlay(nagasaki_marker);
	h_map.addOverlay(tosu_marker);
	// マーカにクリックイベントを割り当てる
	addMarkerClickEvent();
	// 杷木のマーカに情報ウィンドウを表示する
	openWindow(2);

}




/**
 * 詳細マップを表示する
 * @return void
 */
function loadDetailMap() {
	// 詳細マップの表示
	var d_map = new GMap2(document.getElementById("detailmap"));
	d_map.addControl(new GMapTypeControl());
	d_map.addControl(new GLargeMapControl());
	d_map.setCenter(new GLatLng(33.360658, 130.807186), 16);

	// 詳細マップのルート表示
	var directions = new GDirections(d_map);
	var points = new Array();
	points.push(new GLatLng(33.363248, 130.808716));// 杷木IC
	points.push(new GLatLng(33.362282, 130.808807));// 杷木IC 出口交差点
	points.push(new GLatLng(33.362482, 130.812197));// 信号機 杷木
	points.push(new GLatLng(33.361413, 130.812385));// 曲がり角
	points.push(new GLatLng(33.359032, 130.81183)) ;// 筑後川温泉入り口
	points.push(new GLatLng(33.359289, 130.811095));//
	points.push(new GLatLng(33.359336, 130.810781));// 曲がり角 つるき荘前
	points.push(new GLatLng(33.359388, 130.809789));//
	points.push(new GLatLng(33.35937 , 130.808976));// 曲がり角 花景色前
	points.push(new GLatLng(33.359229, 130.808464));//
	points.push(new GLatLng(33.359076, 130.808134));// 曲がり角 春風荘前
	points.push(new GLatLng(33.358752, 130.807557));// 曲がり角 小川生体前
	points.push(new GLatLng(33.358485, 130.806806));// 桑之屋手前
	var line = new GPolyline(points);
	d_map.addOverlay(line);

	// 目的地に画像レイヤを貼る
	var sw = new GLatLng(33.358082,130.805902);
	var ne = new GLatLng(33.359036,130.806736);
	var bounds = new GLatLngBounds(sw, ne);
	var flowerImage = new GGroundOverlay("./img/access/spa_mark.png", bounds);
	d_map.addOverlay(flowerImage);
}

function addMarkerClickEvent(){
	GEvent.addListener(fukuoka_marker, 'click', function() {
		openWindow(0);
	});
	GEvent.addListener(kumamoto_marker, 'click', function() {
		openWindow(1);
	});
	GEvent.addListener(haki_marker, 'click', function() {
		openWindow(2);
	});
	GEvent.addListener(ooita_marker, 'click', function() {
		openWindow(3);
	});
	GEvent.addListener(nagasaki_marker, 'click', function() {
		openWindow(4);
	});
	GEvent.addListener(tosu_marker, 'click', function() {
		openWindow(5);
	});
}

function openWindow(id){
	var html;
	var point;

	switch(id) {
	case 0:
		html = "<p>【九州自動車道】<br>　　　福岡インター<br>　　　杷木ICまで約60分</p>";
		fukuoka_marker.openInfoWindowHtml(html);
		break;
	case 1:
		html = "<p>【九州自動車道】<br>　　　熊本インター<br>　　　杷木ICまで約80分</p>";
		kumamoto_marker.openInfoWindowHtml(html);
		break;
	case 2:
		html = "<p>【大分自動車道】 <font class=\"red_small_font\">最寄</font><br>　　　杷木インター<br>　　　桑之屋まで約4分</p>";
		haki_marker.openInfoWindowHtml(html);
		break;
	case 3:
		html = "<p>【大分自動車道】<br>　　　大分インター<br>　　　杷木ICまで約90分</p>";
		ooita_marker.openInfoWindowHtml(html);
		break;
	case 4:
		html = "<p>【長崎自動車道】<br>　　　長崎インター<br>　　　杷木ICまで約120分</p>";
		nagasaki_marker.openInfoWindowHtml(html);
		break;
	case 5:
		html = "<p>【合流】<br>　　　鳥栖ジャンクション<br>　　　杷木ICまで約40分</p>";
		tosu_marker.openInfoWindowHtml(html);
		break;
	}
}

/**
 * 高速道路のjsonデータ
 */
var marker_json =[
				{"type":"IC","pname":"福岡","lat":33.62915 ,"lng":130.489463},
				{"type":"IC","pname":"熊本","lat":32.834369,"lng":130.779501},
				{"type":"IC","pname":"杷木","lat":33.369657,"lng":130.808987},
				{"type":"IC","pname":"大分","lat":33.222579,"lng":131.574057},
				{"type":"IC","pname":"長崎","lat":32.728754,"lng":129.905439},
				{"type":"JCT","pname":"鳥栖","lat":33.396515,"lng":130.53851}
				];