var marker = [];
var lists = [];
var list_html = "";
var color = 0;

function maps_load(){
//<![CDATA[
if (GBrowserIsCompatible()) {
    //Get_msg_height
    function mc_size_check(html, image_height) {
        var mc_temp = document.getElementById("getlayoutsize");
        mc_temp.innerHTML = '<div>' + html + '</div>';
        var result = { width : mc_temp.firstChild.offsetWidth , height : mc_temp.firstChild.offsetHeight + image_height };
        if(result.height > 100){ mc_height = "200px"; }else{ mc_height = "auto"; }
        return mc_height;
    }

    //Map_Start
    var map = new GMap2(document.getElementById("map"));
    //Map_Control
    map.setUIToDefault();
    map.addControl(new GMapTypeControl());
    map.addControl(new GOverviewMapControl(new GSize(120,120)));

    map.enableScrollWheelZoom();

    center = new GLatLng(35.052484, 139.983673);
    map.setCenter(center, 10);

    //BaseIcon_Set
    var Icon = new GIcon();
    Icon.image = "/img/marker_0.png";
    Icon.shadow = "/img/marker_shadow.png";
    Icon.iconSize = new GSize(18, 30);
    Icon.shadowSize = new GSize(30, 30);
    Icon.iconAnchor = new GPoint(8,30);
    Icon.infoWindowAnchor = new GPoint(8, 0);

    //XML_DATA
    httpObj = GXmlHttp.create();
    httpObj.open("GET", "/map/map_xml.php?1337357334");
    httpObj.onreadystatechange = function() {
        if (httpObj.readyState == 4){
          var xmlDoc = httpObj.responseXML;
          var markers = xmlDoc.documentElement.getElementsByTagName("marker");
          var data = xmlDoc.documentElement.getElementsByTagName("data");
          var bodys = xmlDoc.documentElement.getElementsByTagName("body");
          for (var i = 0; i < markers.length; i++) {
             var lat = parseFloat(markers[i].getAttribute("lat"));
             var lng = parseFloat(markers[i].getAttribute("lng"));
             var point = new GMarker(new GLatLng(lat, lng), Icon);
             var id = data[i].getAttribute("id");
             var regdate = data[i].getAttribute("regdate");
             var update = data[i].getAttribute("update");
             var title = data[i].getAttribute("title");
             var list_title = data[i].getAttribute("list_title");
             var body = bodys[i].firstChild.data;

             html = '<div class="title"><a href="/blog/blog.php?key='+id+'">'+title+'</a></div>';
             html += '<div class="regdate">'+regdate+'</div>';
             mc_height_tmp = mc_size_check(body, 0);
             html += '<div class="body" style=height:'+mc_height_tmp+'>'+body+'</div>';
             html += '<div class="next">[ <a href="/blog/blog.php?key='+id+'">続きを読む...</a> ]</div>';

             marker[i] = point;
             lists[i] = html;
             if(color == 1){ color = 2; }else{ color = 1; }
             list_html += '<div class="list'+color+'"><a href="javascript:listMarker(' + i + ');">' + list_title + '</a><br>('+update+'up)</div>';
             addMarker(map, point, html);
         }
         document.getElementById("list").innerHTML = list_html;
        }
    }
    httpObj.send(null);

    //AddMarker
    function addMarker(map, marker, html) {
      GEvent.addListener(marker, "click", function(){ marker.openInfoWindowHtml(html);});
      map.addOverlay(marker);
    }

}else{
	window.alert("申し訳ございませんが、お使いのブラウザには対応しておりません")
	history.back();
}
//]]>
}

//ListMarker_View
function listMarker(i) {
   marker[i].openInfoWindowHtml(lists[i]);
}