// JavaScript Document
var map;
var marks;
var txt_list=[];
var marker_list=[];

function load() {
    if(GBrowserIsCompatible()){
        /* 地図インスタンス生成 */
        map=new GMap2(document.getElementById("map"));
        /* 中心地点 */
        map.setCenter(new GLatLng(26.18956247183208,127.82135725021362), 14);
		//マップコントローラを付ける
		map.addControl(new GSmallMapControl());
		
//オリジナルマーカーの画像を作成

//icon1 拝所
var icon1 = new GIcon();
icon1.image = "http://maps.google.co.jp/mapfiles/ms/icons/rangerstation.png";
icon1.shadow = "http://maps.google.co.jp/mapfiles/ms/icons/rangerstation.shadow.png";
icon1.iconSize=new GSize(32,32);
icon1.shadowSize=new GSize(59,32);
icon1.iconAnchor=new GPoint(16,32);
icon1.infoWindowAnchor=new GPoint(16,0);
//icon2　食べる
var icon2 = new GIcon();
icon2.image = "http://maps.google.co.jp/mapfiles/ms/icons/restaurant.png";
icon2.shadow = "http://maps.google.co.jp/mapfiles/ms/icons/restaurant.shadow.png";
icon2.iconSize=new GSize(32,32);
icon2.shadowSize=new GSize(59,32);
icon2.iconAnchor=new GPoint(16,32);
icon2.infoWindowAnchor=new GPoint(16,0);
//icon3　宿泊
var icon3 = new GIcon();
icon3.image = "http://maps.google.co.jp/mapfiles/ms/icons/lodging.png";
icon3.shadow = "http://maps.google.co.jp/mapfiles/ms/icons/lodging.shadow.png";
icon3.iconSize=new GSize(32,32);
icon3.shadowSize=new GSize(59,32);
icon3.iconAnchor=new GPoint(16,32);
icon3.infoWindowAnchor=new GPoint(16,0);
//icon4　買い物
var icon4 = new GIcon();
icon4.image = "http://maps.google.co.jp/mapfiles/ms/icons/shopping.png";
icon4.shadow = "http://maps.google.co.jp/mapfiles/ms/icons/shopping.shadow.png";
icon4.iconSize=new GSize(32,32);
icon4.shadowSize=new GSize(59,32);
icon4.iconAnchor=new GPoint(16,32);
icon4.infoWindowAnchor=new GPoint(16,0);
//icon5　体験
var icon5 = new GIcon();
icon5.image = "http://maps.google.co.jp/mapfiles/ms/icons/trail.png";
icon5.shadow = "http://maps.google.co.jp/mapfiles/ms/icons/trail.shadow.png";
icon5.iconSize=new GSize(32,32);
icon5.shadowSize=new GSize(59,32);
icon5.iconAnchor=new GPoint(16,32);
icon5.infoWindowAnchor=new GPoint(16,0);

//icon1 拝所
//icon2　食べる
//icon3　宿泊
//icon4　買い物
//icon5　体験

		/*マーカーを二次元配列でセット*/
marks = [



{ id:0, lat:26.1794141, lng:127.8115865, icon:icon5, title:'守礼カントリークラブ', text01:'守礼カントリークラブは、プレー以外のお客', entryid:'35', text02:'a006)テダ御川e006)体験'},




{ id:1, lat:26.1834995, lng:127.801354, icon:icon2, title:'洋風料理店ビストロブーケ', text01:'南城市でカジュアルフレンチとイタリアン！', entryid:'75', text02:'a006)テダ御川b006)食べる'},




{ id:2, lat:26.189744, lng:127.813417, icon:icon2, title:'手工芸カフェ うみの花', text01:'カウンター席から海が見える、漁港の前にあ', entryid:'4834', text02:'a006)テダ御川b006)食べる'},




{ id:3, lat:26.18956247183208, lng:127.82135725021362, icon:icon1, title:'テダ御川', text01:'<p>テダとは太陽を意味する言葉で、太陽', entryid:'9', text02:'a006)テダ御川'}

];

function addMarker( mark ) {
	var marker = new GMarker( new GLatLng( mark.lat, mark.lng ),mark.icon );
GEvent.addListener( marker, 'click', function(){
												clickMarker(mark.id);
												});
//clickMarkerに引き渡す用
	marker_list[mark.id] = marker;
	map.addOverlay( marker );
};

	
for( var i = 0;  i <marks.length;  ++i ){
	        addMarker( marks[i] );
}


	}//load()
}
function clickMarker(index){
innertext = '<p><b>'+ marks[index].title +'</b></p><p>' + marks[index].text01 + '</p>';
innertext += '<p><a onclick="clickZoom(' +marks[index].id+ ');" href="javascript:void(0);" title="' +marks[index].id+ '">拡大</a></p>';
marker_list[index].openInfoWindowHtml(innertext);
}
function zoom(zzz){
	nowzoom = map.getZoom();
	changezoom = nowzoom + zzz;
	map.setZoom(changezoom);
	}
function clickZoom(index){
        map.setCenter(new GLatLng(marks[index].lat,marks[index].lng), 16);
}