//<![CDATA[

    var iconShop = new GIcon(); 
    iconShop.image = '/map/icons/einkaufen.png';
    iconShop.shadow = '/map/icons/shadow.png';
    iconShop.iconSize = new GSize(32, 32);
    iconShop.shadowSize = new GSize(32, 32);
    iconShop.iconAnchor = new GPoint(16, 32);
    iconShop.infoWindowAnchor = new GPoint(16,10);

    var iconCup = new GIcon();
    iconCup.image = '/map/icons/einkehren.png';
    iconCup.shadow = '/map/icons/shadow.png';
    iconCup.iconSize = new GSize(32, 32);
    iconCup.shadowSize = new GSize(32, 32);
    iconCup.iconAnchor = new GPoint(16, 32);
    iconCup.infoWindowAnchor = new GPoint(16,10);

    var iconSign = new GIcon();
    iconSign.image = '/map/icons/erleben.png';
    iconSign.shadow = '/map/icons/shadow.png';
    iconSign.iconSize = new GSize(32, 32);
    iconSign.shadowSize = new GSize(32, 32);
    iconSign.iconAnchor = new GPoint(16, 32);
    iconSign.infoWindowAnchor = new GPoint(16,10);

    var iconLupe = new GIcon();
    iconLupe.image = '/map/icons/erkunden.png';
    iconLupe.shadow = '/map/icons/shadow.png';
    iconLupe.iconSize = new GSize(32, 32);
    iconLupe.shadowSize = new GSize(32, 32);
    iconLupe.iconAnchor = new GPoint(16, 32);
    iconLupe.infoWindowAnchor = new GPoint(16,10);

    var iconSun = new GIcon();
    iconSun.image = '/map/icons/landurlaub.png';
    iconSun.shadow = '/map/icons/shadow.png';
    iconSun.iconSize = new GSize(32, 32);
    iconSun.shadowSize = new GSize(32, 32);
    iconSun.iconAnchor = new GPoint(16, 32);
    iconSun.infoWindowAnchor = new GPoint(16,10);

    var customIcons = [];
    customIcons["betr_einkaufen"] = iconShop;
    customIcons["betr_einkehren"] = iconCup;
    customIcons["betr_erleben"] = iconSign;
    customIcons["betr_erkunden"]= iconLupe;
    customIcons["betr_landurlaub"]= iconSun;

    var map = null;
    var mgr = null;
    
    function load() {
       if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(50.028917,7.602539), 8, G_PHYSICAL_MAP);
	mgr = new MarkerManager(map,{trackMarkers:true});
      }
    }

function findPins(cat,jsessid){
	//clear = typeof(clear) != 'undefined' ? clear : true;
	$("#mapnav li").removeClass("active");
	$("#mapnav li."+cat).addClass("active").addClass("loading");
        GDownloadUrl("/map/mapxml.php?mode=ajax&table="+cat+"&jsessid="+jsessid, function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
	  var  markerset = [];
          for (var i = 0; i < markers.length; i++) {
            var name = markers[i].getAttribute("name");
	    var person = markers[i].getAttribute("person");
            var street = markers[i].getAttribute("street");
	    var town = markers[i].getAttribute("town");
	    var link = markers[i].getAttribute("link");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, person, street, town, link, cat);
            markerset.push(marker);
          }
	  mgr.clearMarkers();
	  mgr.addMarkers(markerset,0,19);
	  mgr.refresh();
	  $("#mapnav li."+cat).removeClass('loading');
	 });
    };


function createMarker(point, name, person, street, town, link, type) {
      var marker = new GMarker(point, customIcons[type]);
      if( name != null) name = name + '<br/>';
      else name = '';
      var html = "<span class=\"mappopup\"><h4>" + name + person + "</h4> <br/>" + street + "<br/>" + town + "<br/><a title=\"zur Detailseite\" href=" + link + ">mehr Infos</a></span><br/>";
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }

    function flushMap(){
        mgr.clearMarkers();
	mgr.refresh();
    }

    //]]>