﻿function startUp() 
{

	var map = new GMap2( document.getElementById("mymap2") );

	map.setCenter( new GLatLng(35.405002, 134.767570), 10 );
	map.addControl(new GLargeMapControl());
	map.addControl(new GScaleControl());
	map.addControl(new GMapTypeControl());
	map.addControl(new GOverviewMapControl());

	var mk_takenogawa		= new GMarker( new GLatLng(35.663825 , 134.758998) );//竹野川
	var mk_takenohama		= new GMarker( new GLatLng(35.663720 , 134.762165) );//竹野浜
	var mk_shibayama		= new GMarker( new GLatLng(35.655936 , 134.660604) );//柴山
	var mk_sadu			= new GMarker( new GLatLng(35.656250 , 134.692597) );//佐津浜
	var mk_kasumi_higashi		= new GMarker( new GLatLng(35.650792 , 134.638459) );//香住東
	var mk_kasumi_nishi		= new GMarker( new GLatLng(35.645587 , 134.630112) );//香住西
	var mk_okami_kouen		= new GMarker( new GLatLng(35.650644 , 134.631636) );//岡見公園
	var mk_kumihama_hamakouen	= new GMarker( new GLatLng(35.608394 , 134.898376) );//久美浜　浜公園
	var mk_maruyamagawa_kakou	= new GMarker( new GLatLng(35.646233 , 134.834840) );//円山川河口
	var mk_fish_on			= new GMarker( new GLatLng(35.554469 , 134.813629) );//フィッシュオン
	var mk_tai_ichimonji		= new GMarker( new GLatLng(35.582413 , 135.227687) );//田井一文字




	map.addOverlay(mk_takenogawa);
	map.addOverlay(mk_takenohama);
	map.addOverlay(mk_shibayama);
	map.addOverlay(mk_sadu);
	map.addOverlay(mk_kasumi_higashi);
	map.addOverlay(mk_kasumi_nishi);
	map.addOverlay(mk_okami_kouen);
	map.addOverlay(mk_kumihama_hamakouen);
	map.addOverlay(mk_maruyamagawa_kakou);
	map.addOverlay(mk_fish_on);
	map.addOverlay(mk_tai_ichimonji);

	GEvent.addListener(mk_takenogawa,	 		"click", 	info_takenogawa);
	GEvent.addListener(mk_takenohama,	 		"click", 	info_takenohama);
	GEvent.addListener(mk_shibayama,	 		"click", 	info_shibayama);
	GEvent.addListener(mk_sadu,		 		"click", 	info_sadu);
	GEvent.addListener(mk_kasumi_higashi,	 		"click", 	info_kasumi_higashi);
	GEvent.addListener(mk_kasumi_nishi,	 		"click", 	info_kasumi_nishi);
	GEvent.addListener(mk_okami_kouen,	 		"click", 	info_okami_kouen);
	GEvent.addListener(mk_kumihama_hamakouen,	 	"click", 	info_kumihama_hamakouen);
	GEvent.addListener(mk_maruyamagawa_kakou,		"click", 	info_maruyamagawa_kakou);
	GEvent.addListener(mk_fish_on,				"click", 	info_fish_on);
	GEvent.addListener(mk_tai_ichimonji,			"click", 	info_tai_ichimonji);



	function info_takenogawa()
	{
		var title1 = "写真１";
		var title2 = "写真２";
		var title3 = "写真３";
		var title4 = "写真４";


		var img1 = "<img src=" + "'" + "takenogawa_1.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img2 = "<img src=" + "'" + "takenogawa_2.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img3 = "<img src=" + "'" + "takenogawa_3.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img4 = "<img src=" + "'" + "takenogawa_4.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";


		var coment1 = "<font size=" + "'" + "-1" + "'" + ">" + "竹野川河口にある小規模なテトラ積み" + "</font>";		
		var coment2 = "<font size=" + "'" + "-1" + "'" + ">" + "竹野川河口の西側にある小規模な波止<br>奥の砂浜が弁天浜" + "</font>";
		var coment3 = "<font size=" + "'" + "-1" + "'" + ">" + "竹野川河口の大きな波止<br>河口側でハネが釣れます。" + "</font>";
		var coment4 = "<font size=" + "'" + "-1" + "'" + ">" + "猫先半島の根元西側の地磯です。<br>写真の範囲までは竹野川河口から歩いて行けます。" + "</font>";

		var tab1 = new GInfoWindowTab(title1 , "<b>竹野川河口</b><br>" + img1 + "<br><br>" + coment1);
		var tab2 = new GInfoWindowTab(title2 , "<b>竹野川河口</b><br>" + img2 + "<br><br>" + coment2);
		var tab3 = new GInfoWindowTab(title3 , "<b>竹野川河口</b><br>" + img3 + "<br><br>" + coment3);
		var tab4 = new GInfoWindowTab(title4 , "<b>猫先半島地磯</b><br>" + img4 + "<br><br>" + coment4);
	
		var tabs = [tab1,tab2,tab3,tab4];
		mk_takenogawa.openInfoWindowTabsHtml(tabs);
	}

	function info_takenohama()
	{
		var title1 = "写真１";
		var title2 = "写真２";
		var title3 = "写真３";
		var title4 = "写真４";


		var img1 = "<img src=" + "'" + "takenohama_1.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img2 = "<img src=" + "'" + "takenohama_2.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img3 = "<img src=" + "'" + "takenohama_3.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img4 = "<img src=" + "'" + "takenohama_4.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";


		var coment1 = "<font size=" + "'" + "-1" + "'" + ">" + "竹野浜西側の波止" + "</font>";		
		var coment2 = "<font size=" + "'" + "-1" + "'" + ">" + "竹野浜西側の波止<br>根元部分は大型のテトラが入っています。" + "</font>";
		var coment3 = "<font size=" + "'" + "-1" + "'" + ">" + "小規模な一文字があります。" + "</font>";
		var coment4 = "<font size=" + "'" + "-1" + "'" + ">" + "竹野浜東側の地磯" + "</font>";

		var tab1 = new GInfoWindowTab(title1 , "<b>竹野浜</b><br>" + img1 + "<br><br>" + coment1);
		var tab2 = new GInfoWindowTab(title2 , "<b>竹野浜</b><br>" + img2 + "<br><br>" + coment2);
		var tab3 = new GInfoWindowTab(title3 , "<b>竹野浜</b><br>" + img3 + "<br><br>" + coment3);
		var tab4 = new GInfoWindowTab(title4 , "<b>竹野浜</b><br>" + img4 + "<br><br>" + coment4);
	
		var tabs = [tab1,tab2,tab3,tab4];
		mk_takenohama.openInfoWindowTabsHtml(tabs);
	}


	function info_shibayama()
	{
		var title1 = "写真１";
		var title2 = "写真２";
		var title3 = "写真３";


		var img1 = "<img src=" + "'" + "shibayama_1.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img2 = "<img src=" + "'" + "shibayama_2.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img3 = "<img src=" + "'" + "shibayama_3.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";


		var coment1 = "<font size=" + "'" + "-1" + "'" + ">" + "港内の風景" + "</font>";		
		var coment2 = "<font size=" + "'" + "-1" + "'" + ">" + "港内から赤灯波止を撮影しました。" + "</font>";
		var coment3 = "<font size=" + "'" + "-1" + "'" + ">" + "奥に見える白灯は沖一文字です。" + "</font>";

		var tab1 = new GInfoWindowTab(title1 , "<b>柴山港</b><br>" + img1 + "<br><br>" + coment1);
		var tab2 = new GInfoWindowTab(title2 , "<b>柴山港</b><br>" + img2 + "<br><br>" + coment2);
		var tab3 = new GInfoWindowTab(title3 , "<b>柴山港</b><br>" + img3 + "<br><br>" + coment3);
	
		var tabs = [tab1,tab2,tab3];
		mk_shibayama.openInfoWindowTabsHtml(tabs);
	}

	function info_sadu()
	{
		var title1 = "写真１";
		var title2 = "写真２";


		var img1 = "<img src=" + "'" + "sadu_1.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img2 = "<img src=" + "'" + "sadu_2.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";

		var coment1 = "<font size=" + "'" + "-1" + "'" + ">" + "砂浜の割には水深のある場所です。" + "</font>";		
		var coment2 = "<font size=" + "'" + "-1" + "'" + ">" + "西側端に小規模な波止がある。" + "</font>";

		var tab1 = new GInfoWindowTab(title1 , "<b>佐津浜</b><br>" + img1 + "<br><br>" + coment1);
		var tab2 = new GInfoWindowTab(title2 , "<b>佐津浜</b><br>" + img2 + "<br><br>" + coment2);
	
		var tabs = [tab1,tab2];
		mk_sadu.openInfoWindowTabsHtml(tabs);
	}

	function info_kasumi_higashi()
	{
		var title1 = "写真１";
		var title2 = "写真２";
		var title3 = "写真３";
		var title4 = "写真４";


		var img1 = "<img src=" + "'" + "kasumi_higashi_1.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img2 = "<img src=" + "'" + "kasumi_higashi_2.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img3 = "<img src=" + "'" + "kasumi_higashi_3.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img4 = "<img src=" + "'" + "kasumi_higashi_4.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";


		var coment1 = "<font size=" + "'" + "-1" + "'" + ">" + "白灯波止がメインの釣り場" + "</font>";		
		var coment2 = "<font size=" + "'" + "-1" + "'" + ">" + "白灯波止の先端は足場が高い。<br>内向きは大型チヌが釣れます。" + "</font>";
		var coment3 = "<font size=" + "'" + "-1" + "'" + ">" + "白灯波止の根元の外向きに釣り場が整備されている。" + "</font>";
		var coment4 = "<font size=" + "'" + "-1" + "'" + ">" + "港内の風景" + "</font>";

		var tab1 = new GInfoWindowTab(title1 , "<b>香住東港</b><br>" + img1 + "<br><br>" + coment1);
		var tab2 = new GInfoWindowTab(title2 , "<b>香住東港</b><br>" + img2 + "<br><br>" + coment2);
		var tab3 = new GInfoWindowTab(title3 , "<b>香住東港</b><br>" + img3 + "<br><br>" + coment3);
		var tab4 = new GInfoWindowTab(title4 , "<b>香住東港</b><br>" + img4 + "<br><br>" + coment4);
	
		var tabs = [tab1,tab2,tab3,tab4];
		mk_kasumi_higashi.openInfoWindowTabsHtml(tabs);
	}

	function info_kasumi_nishi()
	{
		var title1 = "写真１";
		var title2 = "写真２";
		var title3 = "写真３";
		var title4 = "写真４";


		var img1 = "<img src=" + "'" + "kasumi_nishi_1.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img2 = "<img src=" + "'" + "kasumi_nishi_2.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img3 = "<img src=" + "'" + "kasumi_nishi_3.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img4 = "<img src=" + "'" + "kasumi_nishi_4.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";

		var coment1 = "<font size=" + "'" + "-1" + "'" + ">" + "港内の風景" + "</font>";		
		var coment2 = "<font size=" + "'" + "-1" + "'" + ">" + "港内の風景" + "</font>";
		var coment3 = "<font size=" + "'" + "-1" + "'" + ">" + "赤灯波止<br>外向きでヒラメが釣れます。" + "</font>";
		var coment4 = "<font size=" + "'" + "-1" + "'" + ">" + "白灯波止<br>外向きは大型のテトラが入っています。<br>先端と内向きが投げ釣りのポイント。" + "</font>";

		var tab1 = new GInfoWindowTab(title1 , "<b>香住西港</b><br>" + img1 + "<br><br>" + coment1);
		var tab2 = new GInfoWindowTab(title2 , "<b>香住西港</b><br>" + img2 + "<br><br>" + coment2);
		var tab3 = new GInfoWindowTab(title3 , "<b>香住西港</b><br>" + img3 + "<br><br>" + coment3);
		var tab4 = new GInfoWindowTab(title4 , "<b>香住西港</b><br>" + img4 + "<br><br>" + coment4);
	
		var tabs = [tab1,tab2,tab3,tab4];
		mk_kasumi_nishi.openInfoWindowTabsHtml(tabs);
	}


	function info_okami_kouen()
	{
		var title1 = "写真１";
		var title2 = "写真２";
		var title3 = "写真３";
		var title4 = "写真４";


		var img1 = "<img src=" + "'" + "okami_kouen_1.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img2 = "<img src=" + "'" + "okami_kouen_2.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img3 = "<img src=" + "'" + "okami_kouen_3.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img4 = "<img src=" + "'" + "okami_kouen_4.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";

		var coment1 = "<font size=" + "'" + "-1" + "'" + ">" + "規模の大きな地磯" + "</font>";		
		var coment2 = "<font size=" + "'" + "-1" + "'" + ">" + "断崖絶壁だが、右上の辺りに釣り人がいます。<br>ハマチ、シオが釣れるらしい。<br>私は磯釣りはおっかないのでやりません。" + "</font>";
		var coment3 = "<font size=" + "'" + "-1" + "'" + ">" + "足場は高いようです。" + "</font>";
		var coment4 = "<font size=" + "'" + "-1" + "'" + ">" + "一人がやっと立てる場所です。" + "</font>";

		var tab1 = new GInfoWindowTab(title1 , "<b>岡見公園裏の地磯</b><br>" + img1 + "<br><br>" + coment1);
		var tab2 = new GInfoWindowTab(title2 , "<b>岡見公園裏の地磯</b><br>" + img2 + "<br><br>" + coment2);
		var tab3 = new GInfoWindowTab(title3 , "<b>岡見公園裏の地磯</b><br>" + img3 + "<br><br>" + coment3);
		var tab4 = new GInfoWindowTab(title4 , "<b>岡見公園裏の地磯</b><br>" + img4 + "<br><br>" + coment4);
	
		var tabs = [tab1,tab2,tab3,tab4];
		mk_okami_kouen.openInfoWindowTabsHtml(tabs);
	}

	function info_kumihama_hamakouen()
	{
		var title1 = "写真１";
		var title2 = "写真２";
		var title3 = "写真３";
		var title4 = "写真４";


		var img1 = "<img src=" + "'" + "kumihama_hamakouen_1.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img2 = "<img src=" + "'" + "kumihama_hamakouen_2.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img3 = "<img src=" + "'" + "kumihama_hamakouen_3.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img4 = "<img src=" + "'" + "kumihama_hamakouen_4.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";

		var coment1 = "<font size=" + "'" + "-1" + "'" + ">" + "波穏やかな久美浜湾<br>水深が浅いため夜釣りで。" + "</font>";		
		var coment2 = "<font size=" + "'" + "-1" + "'" + ">" + "河川の流れ込み<br>汽水域を好むチヌ、ハネのポイント。" + "</font>";
		var coment3 = "<font size=" + "'" + "-1" + "'" + ">" + "小規模な防波堤" + "</font>";
		var coment4 = "<font size=" + "'" + "-1" + "'" + ">" + "整備された護岸" + "</font>";

		var tab1 = new GInfoWindowTab(title1 , "<b>久美浜浜公園</b><br>" + img1 + "<br><br>" + coment1);
		var tab2 = new GInfoWindowTab(title2 , "<b>久美浜浜公園</b><br>" + img2 + "<br><br>" + coment2);
		var tab3 = new GInfoWindowTab(title3 , "<b>久美浜浜公園</b><br>" + img3 + "<br><br>" + coment3);
		var tab4 = new GInfoWindowTab(title4 , "<b>久美浜浜公園</b><br>" + img4 + "<br><br>" + coment4);
	
		var tabs = [tab1,tab2,tab3,tab4];
		mk_kumihama_hamakouen.openInfoWindowTabsHtml(tabs);
	}

	function info_maruyamagawa_kakou()
	{
		var title1 = "写真１";
		var title2 = "写真２";
		var title3 = "写真３";
		var title4 = "写真４";


		var img1 = "<img src=" + "'" + "tuiyama_1.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img2 = "<img src=" + "'" + "tuiyama_2.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img3 = "<img src=" + "'" + "tuiyama_3.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img4 = "<img src=" + "'" + "tuiyama_4.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";

		var coment1 = "<font size=" + "'" + "-1" + "'" + ">" + "砂浜から伸びる長い防波堤<br>防波堤の向こうが円山川河口" + "</font>";		
		var coment2 = "<font size=" + "'" + "-1" + "'" + ">" + "防波堤根元部分の上部には電線がある。" + "</font>";
		var coment3 = "<font size=" + "'" + "-1" + "'" + ">" + "写真左側が円山川、右側が海<br>足場が低く、少しの波で足元が濡れる。" + "</font>";
		var coment4 = "<font size=" + "'" + "-1" + "'" + ">" + "先端部は釣り人で賑わう。" + "</font>";

		var tab1 = new GInfoWindowTab(title1 , "<b>円山川河口</b><br>" + img1 + "<br><br>" + coment1);
		var tab2 = new GInfoWindowTab(title2 , "<b>円山川河口</b><br>" + img2 + "<br><br>" + coment2);
		var tab3 = new GInfoWindowTab(title3 , "<b>円山川河口</b><br>" + img3 + "<br><br>" + coment3);
		var tab4 = new GInfoWindowTab(title4 , "<b>円山川河口</b><br>" + img4 + "<br><br>" + coment4);
	
		var tabs = [tab1,tab2,tab3,tab4];
		mk_maruyamagawa_kakou.openInfoWindowTabsHtml(tabs);
	}

	function info_fish_on()
	{
		var img = "<img src=" + "'" + "fish_on.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var coment = "<font size=" + "'" + "-1" + "'" + ">" + "" + "</font>";

		mk_fish_on.openInfoWindowHtml("<b>フィッシュオン豊岡店</b><br>" + img + "<br><br>" + coment);


	}

	function info_tai_ichimonji()
	{
		var title1 = "写真１";
		var title2 = "写真２";
		var title3 = "写真３";
		var title4 = "写真４";


		var img1 = "<img src=" + "'" + "tai_ichimonji_1.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img2 = "<img src=" + "'" + "tai_ichimonji_2.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img3 = "<img src=" + "'" + "tai_ichimonji_3.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";
		var img4 = "<img src=" + "'" + "tai_ichimonji_4.jpg" + "'" + " width = " + "'" + "360" + "'" + " height = " + "'" + "270" + "'" + ">";

		var coment1 = "<font size=" + "'" + "-1" + "'" + ">" + "写真の右側が湾の内側で水深８ｍ<br>左が外側で水深１２ｍ。" + "</font>";		
		var coment2 = "<font size=" + "'" + "-1" + "'" + ">" + "一文字外側にはカセが並ぶ。" + "</font>";
		var coment3 = "<font size=" + "'" + "-1" + "'" + ">" + "先端部はエギングのポイント" + "</font>";
		var coment4 = "<font size=" + "'" + "-1" + "'" + ">" + "一文字の内側にあるヨットハーバー<br>ヨットハーバー正面位置の内向きがチヌのポイント" + "</font>";

		var tab1 = new GInfoWindowTab(title1 , "<b>田井一文字</b><br>" + img1 + "<br><br>" + coment1);
		var tab2 = new GInfoWindowTab(title2 , "<b>田井一文字</b><br>" + img2 + "<br><br>" + coment2);
		var tab3 = new GInfoWindowTab(title3 , "<b>田井一文字</b><br>" + img3 + "<br><br>" + coment3);
		var tab4 = new GInfoWindowTab(title4 , "<b>田井一文字</b><br>" + img4 + "<br><br>" + coment4);
	
		var tabs = [tab1,tab2,tab3,tab4];
		mk_tai_ichimonji.openInfoWindowTabsHtml(tabs);
	}

}


onload   = startUp;

onunload = GUnload;
