/* 
---------------------------------------
http://kokoro.tabihatsu.jp/
GoogleMap設定ファイル
2009.5.13
---------------------------------------
 */

function load() {
	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GMapTypeControl());		//マップタイプの表示
		map.addControl(new GLargeMapControl());		//縮尺の表示
		map.addControl(new GScaleControl());    //縮尺の表示
		map.setCenter(new GLatLng(36.464367,140.101347), 14);		//Centerの座標+Zoom値
		map.enableDoubleClickZoom();		//ダブルクリックでズームイン
		//	map.enableScrollWheelZoom();	//マウスのホイールでZoomIn/ZoomOut
		map.enableContinuousZoom();			//滑らかズーム
	
		// iconset
		// pink
		var IconPink = new GIcon();
		IconPink.image = "../marker/pink.png";				//マーカー画像
		IconPink.iconSize = new GSize(28,34);				//アイコンサイズ
		IconPink.infoWindowAnchor = new GPoint(14,3);		//ウィンドウ基準点
		IconPink.iconAnchor = new GPoint(28,34);			//アイコン基準点
		IconPink.shadow= "../marker/shadow.png";			//影画像
		IconPink.shadowSize= new GSize(45,33);				//影サイズ
		IconPink.infoShadowAnchor=new GPoint(0,0);			//影基準点

		// blue
		var IconBlue = new GIcon();
		IconBlue.image = "../marker/blue.png";				//マーカー画像
		IconBlue.iconSize = new GSize(18,22);				//アイコンサイズ
		IconBlue.infoWindowAnchor = new GPoint(14,3);		//ウィンドウ基準点
		IconBlue.iconAnchor = new GPoint(18,22);			//アイコン基準点
		IconBlue.shadow= "../marker/shadow.png";			//影画像
		IconBlue.shadowSize= new GSize(30,22);				//影サイズ
		IconBlue.infoShadowAnchor=new GPoint(0,0);			//影基準点
	
		// blue01
		var IconBlue01 = new GIcon();
		IconBlue01.image = "../marker/blue01.png";			//マーカー画像
		IconBlue01.iconSize = new GSize(28,34);				//アイコンサイズ
		IconBlue01.infoWindowAnchor = new GPoint(14,3);		//ウィンドウ基準点
		IconBlue01.iconAnchor = new GPoint(28,34);			//アイコン基準点
		IconBlue01.shadow= "../marker/shadow.png";			//影画像
		IconBlue01.shadowSize= new GSize(45,33);			//影サイズ
		IconBlue01.infoShadowAnchor=new GPoint(0,0);		//影基準点

		// blue02
		var IconBlue02 = new GIcon();
		IconBlue02.image = "../marker/blue02.png";			//マーカー画像
		IconBlue02.iconSize = new GSize(28,34);				//アイコンサイズ
		IconBlue02.infoWindowAnchor = new GPoint(14,3);		//ウィンドウ基準点
		IconBlue02.iconAnchor = new GPoint(28,34);			//アイコン基準点
		IconBlue02.shadow= "../marker/shadow.png";			//影画像
		IconBlue02.shadowSize= new GSize(45,33);			//影サイズ
		IconBlue02.infoShadowAnchor=new GPoint(0,0);		//影基準点

		// blue03
		var IconBlue03 = new GIcon();
		IconBlue03.image = "../marker/blue03.png";			//マーカー画像
		IconBlue03.iconSize = new GSize(28,34);				//アイコンサイズ
		IconBlue03.infoWindowAnchor = new GPoint(14,3);		//ウィンドウ基準点
		IconBlue03.iconAnchor = new GPoint(28,34);			//アイコン基準点
		IconBlue03.shadow= "../marker/shadow.png";			//影画像
		IconBlue03.shadowSize= new GSize(45,33);			//影サイズ
		IconBlue03.infoShadowAnchor=new GPoint(0,0);		//影基準点

		// blue04
		var IconBlue04 = new GIcon();
		IconBlue04.image = "../marker/blue04.png";			//マーカー画像
		IconBlue04.iconSize = new GSize(28,34);				//アイコンサイズ
		IconBlue04.infoWindowAnchor = new GPoint(14,3);		//ウィンドウ基準点
		IconBlue04.iconAnchor = new GPoint(28,34);			//アイコン基準点
		IconBlue04.shadow= "../marker/shadow.png";			//影画像
		IconBlue04.shadowSize= new GSize(45,33);			//影サイズ
		IconBlue04.infoShadowAnchor=new GPoint(0,0);		//影基準点

		// 今回の体験プログラム
		// 益子焼の老舗　長谷川陶苑でロクロ体験コース
		point = new GLatLng(36.467365,140.118713);
		marker0 = new GMarker(point,IconPink);
		GEvent.addListener(marker0, "click", function() {
		marker0.openInfoWindowHtml('<div style="width: 240px"><p style="font-weight:bold;"><a href="http://tabihatsu.jp/program/53176.html" target="tabihatsu" title="益子焼の老舗　長谷川陶苑でロクロ体験コース"><span>益子焼の老舗　長谷川陶苑で<br />ロクロ体験コース</span><br /><img src="../../img/btn_detail_gm.gif" style="margin: 0.5em 0 0.5em 14px;" alt="詳細・予約はこちら" /></a></p><p>栃木県芳賀郡益子町大字益子4240</p></div>');});
		map.addOverlay(marker0);
		GEvent.trigger(marker0,"click");		

		// SPOT DATA おすすめスポット
		// G+OO（ジープラスツーノウツ）
		point = new GLatLng(36.463998,140.102997);
		marker1 = new GMarker(point,IconBlue01);
		GEvent.addListener(marker1, "click", function() {
		marker1.openInfoWindowHtml('<div style="width: 240px"><p style="font-weight:bold; color=#666;">G+OO（ジープラスツーノウツ）</p><p>栃木県芳賀郡益子町城内坂115</p><p>営業時間：10:00～18:00</p><p>定休：水曜日、第2・第4火曜日（祝・祭日は営業）</p></div>');});
		map.addOverlay(marker1);

		// 作坊 吃
		point = new GLatLng(36.458651,140.073183);
		marker2 = new GMarker(point,IconBlue02);
		GEvent.addListener(marker2, "click", function() {
		marker2.openInfoWindowHtml('<div style="width: 240px"><p style="font-weight:bold; color=#666;">作坊 吃（ゾウファンチィ）</p><p>栃木県芳賀郡益子町塙490</p><p>営業時間：12:00～18:00</p><p>定休：月、火、水、木曜日</p></div>');});
		map.addOverlay(marker2);
	}
}


//クリックイベント設定
function kokotabiWindow(id){
	var html;
	var point;
	switch(id) {
		case 0:
			//バルーンの内容
			html = '<div style="width: 240px"><p style="font-weight:bold;"><a href="http://tabihatsu.jp/program/53176.html" target="tabihatsu" title="益子焼の老舗　長谷川陶苑でロクロ体験コース"><span>益子焼の老舗　長谷川陶苑で<br />ロクロ体験コース</span><br /><img src="../../img/btn_detail_gm.gif" style="margin: 0.5em 0 0.5em 14px;" alt="詳細・予約はこちら" /></a></p><p>栃木県芳賀郡益子町大字益子4240</p></div>';
			//Marker名
			marker0.openInfoWindowHtml(html);
			break;
		case 1:
			//バルーンの内容
			html = '<div style="width: 240px"><p style="font-weight:bold; color=#666;">G+OO（ジープラスツーノウツ）</p><p>栃木県芳賀郡益子町城内坂115</p><p>営業時間：10:00～18:00</p><p>定休：水曜日、第2・第4火曜日（祝・祭日は営業）</p></div>';
			//Marker名
			marker1.openInfoWindowHtml(html);
			break;
		case 2:
			//バルーンの内容
			html = '<div style="width: 240px"><p style="font-weight:bold; color=#666;">作坊 吃（ゾウファンチィ）</p><p>栃木県芳賀郡益子町塙490</p><p>営業時間：12:00～18:00</p><p>定休：月、火、水、木曜日</p></div>';
			//Marker名
			marker2.openInfoWindowHtml(html);
			break;
	}
//	map.openInfoWindowHtml(point, html);
}