// JavaScript Document

//<![CDATA[

    var iconGreen = new GIcon(); 
    iconGreen.image = 'http://www.topinternational.com/test/topccl-icon.png';
    iconGreen.shadow = 'http://www.topinternational.com/test/top-icon_shadow.png';
    iconGreen.iconSize = new GSize(17, 16);
    iconGreen.shadowSize = new GSize(23, 20);
    iconGreen.iconAnchor = new GPoint(6, 22);
    iconGreen.infoWindowAnchor = new GPoint(5, 1);

    var iconRed = new GIcon(); 
    iconRed.image = 'http://www.topinternational.com/test/top-icon.png';
    iconRed.shadow = 'http://www.topinternational.com/test/top-icon_shadow.png';
    iconRed.iconSize = new GSize(17, 16);
    iconRed.shadowSize = new GSize(23, 22);
    iconRed.iconAnchor = new GPoint(6, 20);
    iconRed.infoWindowAnchor = new GPoint(5, 1);

    var customIcons = [];
    customIcons["topccl"] = iconGreen;
    customIcons["top"] = iconRed;

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        // map.addControl(new GSmallMapControl());
        // map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(48.2071318, 13.3722919), 3);
		//map.setMapType(G_PHYSICAL_MAP);
		map.setUIToDefault();
		map.getContainer().style.overflow="hidden";

		//markersArray=[];

        GDownloadUrl("test/phpsqlajax_genxml2.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            var name = markers[i].getAttribute("name");
            var address = markers[i].getAttribute("address");
			var hotelinfolink = markers[i].getAttribute("hotelinfolink");
            var type = markers[i].getAttribute("type");
			var image = markers[i].getAttribute("image");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, address, hotelinfolink, image, type);
			//markersArray.push(marker);
            map.addOverlay(marker);
			
          }
        	
		});
		
		//cluster=new ClusterMarker(map, { markers:markersArray } );
		//cluster.fitMapToMarkers();
		
      }
    }

    function createMarker(point, name, address, hotelinfolink, image, type) {
      var marker = new GMarker(point, customIcons[type]);
      var html = '<div style="margin-right: 15px;"><img src="'+ image + '" width="91" height="91" border="0" style="float: left; margin: 0 8px 0 0;" \><b>' + name + '</b> <br/>' + address  + '<br/><br/><a href="' + hotelinfolink + '">Details</a></div>' ;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }
    //]]>