//<![CDATA[


    var iconBlue = new GIcon(); 
    iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
    iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconBlue.iconSize = new GSize(12, 20);
    iconBlue.shadowSize = new GSize(22, 20);
    iconBlue.iconAnchor = new GPoint(6, 20);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);

    var iconRed = new GIcon(); 
    iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
    iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconRed.iconSize = new GSize(12, 20);
    iconRed.shadowSize = new GSize(22, 20);
    iconRed.iconAnchor = new GPoint(6, 20);
    iconRed.infoWindowAnchor = new GPoint(5, 1);

    var customIcons = [];
        customIcons["Urheiluopisto"] = iconRed;
        customIcons["Caddiemaster"] = iconBlue;
	customIcons["Hotellimajoitus"] = iconBlue;
	customIcons["Huoneistomajoitus"] = iconBlue;
        customIcons["Kokoustilat"] = iconBlue;
        customIcons["Liikuntapaikat"] = iconBlue;
        customIcons["Muut_tilat"] = iconBlue;
        customIcons["Mokit_ja_lomaasunnot"] = iconBlue;
        customIcons["Opistomajoitus"] = iconBlue;
        customIcons["Palueet"] = iconBlue;
        customIcons["Ravintolat"] = iconBlue;
        customIcons["Vastaanotto"] = iconBlue;
    var markerGroups = { "Urheiluopisto": [], "Caddiemaster": [], "Hotellimajoitus": [], "Huoneistomajoitus": [], "Kokoustilat": [], "Liikuntapaikat": [], "Muut_tilat": [], "Mokit_ja_lomaasunnot": [], "Opistomajoitus": [], "Palueet": [], "Ravintolat": [], "Vastaanotto": []};

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
		map.addControl(new GSmallMapControl());
        map.setCenter(new GLatLng(61.112634,26.007342), 13);

        //GDownloadUrl("http://www.vierumaki.fi/wp-content/themes/vierumaki/js/markerdata.xml?"+new Date().getTime(), function(data) {
		GDownloadUrl("http://www.vierumaki.fi/wp-content/themes/vierumaki/js/markerdata.xml", 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 type = markers[i].getAttribute("type");
			var url = markers[i].getAttribute("link");
			var kuvaurl = markers[i].getAttribute("kuvaurl");
			var kuvaus = markers[i].getAttribute("kuvaus");
			if (!url) {	
				url = "#";
			}
			if (!kuvaus) {	
				kuvaus = "";
			}
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, address, type, url, kuvaurl, kuvaus);
            map.addOverlay(marker);
            if (type != 'Urheiluopisto') { marker.hide(); }
          }
            
        });
      }


    }

    function createMarker(point, name, address, type, url, kuvaurl, kuvaus) {
      var marker = new GMarker(point, customIcons[type]);
      markerGroups[type].push(marker);
      //var html = "<b><a href='" + url + "'>" + name + "</a></b><br/><img src='"+kuvaurl+"'><br/>" + address;
	  var html = "<div style='width: 195px; font-size: 10px;'><b><a href='" + url + "'>" + name + "</a></b><br/><img src='" + kuvaurl + "' style='margin: 5px 1px 5px 5px; float:right;' height='60' width='60'><i>" + address + "</i><br/>" + kuvaus + "</div>";
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      }); 
      return marker;
    }
    function toggleGroup(type) {
      for (var i = 0; i < markerGroups[type].length; i++) {
        var marker = markerGroups[type][i];
        if (marker.isHidden()) {
          marker.show();
        } else {
          marker.hide();
        }
      } 
    }



        
    //]]>