// JavaScript Document
// Googlemaps Karte der Familotel Standorte
	var map;
	var icon0;
	
	 var iconGreen = new GIcon(); 
    iconGreen.image = 'http://www.familotel.com/images/suche/standort_icon.png';
    iconGreen.shadow = 'http://www.familotel.com/images/suche/standort_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.familotel.com/images/suche/standort_icon.png';
    iconRed.shadow = 'http://www.familotel.com/images/suche/standort_shadow.png';
    iconRed.iconSize = new GSize(10, 10);
    iconRed.shadowSize = new GSize(16, 16);
    iconRed.iconAnchor = new GPoint(5, 10);
    iconRed.infoWindowAnchor = new GPoint(5, 1);

    var customIcons = [];
    customIcons["topfamily"] = iconGreen;
    customIcons["familotel"] = iconRed;
	
	var gmarkers = [];
	var htmls = [];

	function addLoadEvent(func) { 
		var oldonload = window.onload; 
		if (typeof window.onload != 'function'){ 
			window.onload = func
		} else { 
			window.onload = function() {
				oldonload();
				func();
			}
		}
	}
	 
	addLoadEvent(loadMap);
	
	
	
	function loadMap() {
	
	if (GBrowserIsCompatible()) {
	map = new GMap2(document.getElementById("map"));
	map.setCenter(new GLatLng(50.2071318, 12.4722919), 5);
	//map.setMapType(G_PHYSICAL_MAP);
    map.setUIToDefault();
	map.getContainer().style.overflow="hidden";
	
	GDownloadUrl("templates/modules/googlemaps/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 stars = markers[i].getAttribute("stars");
			var addition = markers[i].getAttribute("addition");
            var address = markers[i].getAttribute("address");
			var hotelinfolink = markers[i].getAttribute("hotelinfolink");
			var image = markers[i].getAttribute("image");
            var type = markers[i].getAttribute("type");
			var id = markers[i].getAttribute("id");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, stars, addition, address, hotelinfolink, image, type, id);
            map.addOverlay(marker);
          }
        });
	
	}
	
	}

    function createMarker(point, name, stars, addition, address, hotelinfolink, image, type, id) {
      var marker = new GMarker(point, customIcons[type]);
	  var i = gmarkers.length;

      var html = "<div style=\"width:280px;\"><img src=\"" + image + "\" width=\"89\" height=\"89\" boder=\"0\" style=\"float: left; margin: 0 10px 0 0;\" ><b>" + name + "</b> <img src=/images/sterne/small/" + stars + " boder=\"0\"><br/><span style=\"color:#999; font-size:10px;\">" + addition + "</span><br/>" + address  + '<br/><br/><a href="' + hotelinfolink + '" class="mehr">Hotelinfo</a></div>' ;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
	  gmarkers.push(marker);
	  htmls[i] = html;
	  
      return marker;
    }
	
	
	function showHotelinfo(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }
	 function hideHotelinfo(i) {
        gmarkers[i].hideInfoWindowHtml(htmls[i]);
      }