//<![CDATA[ 
var map = null; 
var center = new GLatLng(35.192083,132.499296); 
var level = 13; 
var zoomInLevel = 13; 
var markers = []; 
var htmls = []; 
var i = null; 
var baseIcon = null; 
var sidebar = ""; 
var category = ""; 
var categorys = []; 
var groups = []; 
 
function load() { 
	if (GBrowserIsCompatible()) { 
		map = new GMap2(document.getElementById("map")); 
		map.addControl(new GLargeMapControl()); 
		map.addControl(new GScaleControl()); 
		map.addControl(new GMapTypeControl()); 
		map.setCenter(center,level); 
		readMap("http://www.f-systm.co.jp/west/markallohda.xml","ALL");// 最初はこれを読み込む 
	} else { 
	alert("お使いのブラウザーではGoogle Mapsを表示できません。"); 
	} 
} 
 
// XMLファイルの読み込み 
// フォーマット><marker category="xxx" lat="xxx" lng="xxx" ><![CDATA[ xxxxxx ]]>
function readMap(url,selcat) {
	GDownloadUrl(url, function(data, responseCode) {
		var xml = GXml.parse(data);
		var markers = xml.documentElement.getElementsByTagName("marker");
		map.getInfoWindow().hide();
		map.clearOverlays();
		map.setCenter(center,level);
		sidebar = "";
		for (i = 0; i < markers.length; i++) {
			var category = markers[i].getAttribute("category");
			if((category==selcat || selcat=="ALL") && category!=""){
				var name = markers[i].getAttribute("name");
				var lat  = parseFloat(markers[i].getAttribute("lat"));
				var lng  = parseFloat(markers[i].getAttribute("lng"));
				var point= new GLatLng(lat,lng);
				var text = markers[i].firstChild.nodeValue;
				var zoomOut = '<a href="javascript:zoomOut();">ズームアウト</a>';
				var html = "<div class=\"info\">" + text +'<span id="zoomOut" style="margin:0 0 0 20px;">'+ zoomOut +'</span>' + "</div>";
				var marker = createMarker(category,name,point,html);
				map.addOverlay(marker);
			}
		}
//		document.getElementById("ShowSidebar").innerHTML = sidebar;
	});
}
 
function createMarker(category,name,point,html) {
	baseIcon = new GIcon();
	//baseIcon.shadow = "http://new.all-iwami.com/spot/image/marker/shadow.png";
	if(category == "0301）アパート"){ baseIcon.shadow = "http://www.f-systm.co.jp/image/marker/shadow.png"; }
	if(category == "0302）マンション"){ baseIcon.shadow = "http://www.f-systm.co.jp/image/marker/shadow.png"; }
	if(category == "0303）一戸建て"){ baseIcon.shadow = "http://www.f-systm.co.jp/image/marker/shadow.png"; }
	
	baseIcon.iconSize = new GSize(20, 34);
	baseIcon.shadowSize = new GSize(37, 34);
	baseIcon.iconAnchor = new GPoint(9, 34);
	baseIcon.infoWindowAnchor = new GPoint(9, 2);
	baseIcon.infoShadowAnchor = new GPoint(18, 25);
	var icon = new GIcon(baseIcon);
	
	/* ここでアイコンの種類を変える */
	
	if(category == "0301）アパート"){ icon.image = "http://www.f-systm.co.jp/image/marker/marker1.png"; }
	if(category == "0302）マンション"){ icon.image = "http://www.f-systm.co.jp/image/marker/marker2.png"; }
	if(category == "0303）一戸建て"){ icon.image = "http://www.f-systm.co.jp/image/marker/marker3.png"; }

	var marker = new GMarker(point,{icon:icon,title:name});
	GEvent.addListener(marker, "mouseover", function() {
		marker.openInfoWindowHtml(html);
		map.setZoom(zoomInLevel);
	});
	markers[i] = marker;
	htmls[i] = html;
	return marker;
}
 
function zoomOut() {
	map.getInfoWindow().hide();
	map.setCenter(center,level);
}
//]]>