var gmap;

var xml;

var markers;





function createMarker(point,html) {

        var marker = new GMarker(point);

        GEvent.addListener(marker, "click", function() {

          marker.openInfoWindowHtml(html);

        });

        return marker;

      }





function load() {

		if (GBrowserIsCompatible()) {

		var gmap = new GMap2(document.getElementById("mapzone"));

		gmap.addControl(new GLargeMapControl3D());

		gmap.addControl(new GMapTypeControl());

		gmap.addControl(new GOverviewMapControl());

		gmap.addControl(new GScaleControl());

		//gmap.enableScrollWheelZoom();



		//set center

		gmap.setCenter(new GLatLng(35.65645, 139.699443), 10);



		//reads an external xml file

		GDownloadUrl("room.xml", function(data, responseCode) {

 		 var xml = GXml.parse(data);

 		 var markers = xml.documentElement.getElementsByTagName("marker");

 			 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 GLatLng(lat, lng);

     			var html = markers[i].getAttribute("html");

     			//var label = markers[i].getAttribute("label");

     

	 

	 			// create the marker

     			var marker = createMarker(point,html);

     			gmap.addOverlay(marker);

  			}

		});



	}

}