//<![CDATA[

    var map;
    var marker_list=[];
    var txt_list=[];
    var marker_index=0;

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

        //地図を作成
        map = new GMap2(document.getElementById("map-body"));
        map.setCenter(new GLatLng(43.6524723048536, 144.80117797851562), 10);

		//マップコントローラを付ける
		map.addControl(new GLargeMapControl());

        var txt="<div style='width: 200px; line-height: 1.4;'><h2 style='padding: 4px 0px;'><a href='#detail05'>川北の牧草地</a></h2>丘陵の牧草地ではなくまったく平面に見える広さの見当がつかない広大な牧草地。武佐山を背景に思わず見入ってしまいます。<a href='#detail08'>[ 続き ]</a></div>";
        txt_list.push(txt);
        addMarker(new GLatLng(43.624147145668076, 145.00116348266602),txt);

        var txt="<div style='width: 200px; line-height: 1.4;'><h2 style='padding: 4px 0px;'><a href='#detail05'>道立ゆめの森公園</a></h2>4月からはゆめの森公園でもラ・レトリなかしべつのソフトクリームを味わうことができます。</div>";
        txt_list.push(txt);
        addMarker(new GLatLng(43.56472035814768, 144.96013641357422),txt);

        var txt="<div style='width: 200px; line-height: 1.4;'><h2 style='padding: 4px 0px;'><a href='#detail05'>根室中標津空港</a></h2>空港内売店グリーンショップではラ・レトリなかしべつののむヨーグルト、アイスクリーム、ソフトクリームをお買い求めいただけます。</div>";
        txt_list.push(txt);
        addMarker(new GLatLng(43.57666015462642, 144.95859146118164),txt);

        var txt="<div style='width: 200px; line-height: 1.4;'><h2 style='padding: 4px 0px;'><a href='#detail03'>モアン山</a></h2>中標津のモアン山。その姿を見て、日本にこんな風景が存在するんだと感動、その呼び名を知り、記憶の深いところへ入り込み忘れられなくなる。<a href='#detail03'>[ 続き ]</a></div>";
        txt_list.push(txt);
        addMarker(new GLatLng(43.56845179881218, 144.69406127929688),txt);

        var txt="<div style='width: 200px; line-height: 1.4;'><h2 style='padding: 4px 0px;'><a href='#detail06'>ハリストス正教会</a></h2>北海道に8ヶ所あるロシア正教の教会の一つ。<br />現在の会堂は三代目であり、『生神女誕生会堂』と呼ばれている。<br /><a href='#detail06'>[ 続き ]</a></div>";
        txt_list.push(txt);
        addMarker(new GLatLng(43.61849293892951, 144.99481201171875),txt);

        var txt="<div style='width: 200px; line-height: 1.4;'><h2 style='padding: 4px 0px;'><a href='#detail07'>武佐の牧場</a></h2>ラ・レトリなかしべつが使用する生乳は武佐岳の麓のこの牧場からも運ばれてきます。<br /><a href='#detail07'>[ 続き ]</a></div>";
        txt_list.push(txt);
        addMarker(new GLatLng(43.63809398594383, 144.9267053604126),txt);

        var txt="<div style='width: 200px; line-height: 1.4;'><h2 style='padding: 4px 0px;'><a href='#detail02'>開陽台</a></h2>開陽台は遠足などで町民にとっても思い出の場所。330度の大展望は、最初北海道を訪れるライダーを中心に口コミで全国に知られるようになりました。<a href='#detail02'>[ 続き ]</a></div>";
        txt_list.push(txt);
        addMarker(new GLatLng(43.61532386527233, 144.87040042877197),txt);

        var txt="<div style='width: 200px; line-height: 1.4;'><h2 style='padding: 4px 0px;'><a href='#detail04'>裏摩周</a></h2>養老牛温泉から車で20分、神秘の湖摩周湖を弟子屈町とは逆のポイントから眺めることができます。<a href='#detail04'>[ 続き ]</a></div>";
        txt_list.push(txt);
        addMarker(new GLatLng(43.601092044498785, 144.56849098205566),txt);

        var txt="<div style='width: 200px; line-height: 1.4;'><h2 style='padding: 4px 0px;'><a href='#detail09'>養老牛温泉</a></h2>約300年前に発見されアイヌの人々が利用していたのが始まりとのこと。大正から昭和30年～40年にかけて現在の温泉街の基礎がつくられます。<a href='#detail09'>[ 続き ]</a></div>";
        txt_list.push(txt);
        addMarker(new GLatLng(43.58815, 144.722555),txt);

        var txt="<div style='width: 200px; line-height: 1.4;'><h2 style='padding: 4px 0px;'><a href='#detail10'>ムツ牧場</a></h2>中標津にはムツゴロウ動物王国のムツ牧場があります。待っているのはこの牧場で生まれ育った性格の穏やかな馬たち。<a href='#detail10'>[ 続き ]</a></div>";
        txt_list.push(txt);
        addMarker(new GLatLng(43.510732, 144.989403),txt);

      }
    }
    function addMarker(latlng,txt){
        //マーカーを作成
        var marker = new GMarker(latlng);
        marker.title=marker_index;   //ここで設定した「title属性」が
        
        GEvent.addListener(marker, "click", function() {
            clickMarker(marker.title);   //ここで表示される(マーカの「title属性」に表示する文字を記憶させる)
        });
        
        //マーカーのコンストラクタを配列に記憶
        marker_list.push(marker);
        marker_index++;
        
        //マーカーを地図上に配置
        map.addOverlay(marker);
    }
    function clickMarker(index){
        //吹き出しを表示する
        marker_list[index].openInfoWindowHtml(txt_list[index]);
    }
//]]>