if (GBrowserIsCompatible()) 
{ 

  var icon_green = new GIcon();
  icon_green.image = 'assets/templates/immundefekte/grafiken/markers/Marker_gruen_E.png';
  icon_green.shadow = 'assets/templates/immundefekte/grafiken/markers/shadow.png';
  icon_green.iconSize = new GSize(22,37);
  icon_green.shadowSize = new GSize(41,37);
  icon_green.iconAnchor = new GPoint(0,37);
  icon_green.infoWindowAnchor = new GPoint(11,0);
  icon_green.printImage = 'assets/templates/immundefekte/grafiken/markers/printImage.gif';
  icon_green.mozPrintImage = 'assets/templates/immundefekte/grafiken/markers/mozPrintImage.gif';
  icon_green.printShadow = 'assets/templates/immundefekte/grafiken/markers/printShadow.gif';
  icon_green.transparent = 'assets/templates/immundefekte/grafiken/markers/transparent.png';
  icon_green.imageMap = [15,0,17,1,18,2,19,3,20,4,20,5,21,6,21,7,21,8,21,9,21,10,21,11,21,12,21,13,21,14,21,15,20,16,20,17,19,18,18,19,17,20,15,21,13,22,12,23,11,24,10,25,9,26,8,27,7,28,7,29,6,30,5,31,4,32,3,33,2,34,1,35,1,36,0,36,0,35,1,34,1,33,2,32,2,31,3,30,3,29,4,28,4,27,5,26,5,25,6,24,7,23,7,22,6,21,4,20,3,19,2,18,1,17,1,16,0,15,0,14,0,13,0,12,0,11,0,10,0,9,0,8,0,7,0,6,1,5,1,4,2,3,3,2,4,1,6,0];

  function createMarker(point,name,html,importance,anzeige) 
  {
    var icon2use = icon_green;
    switch(importance)
    {
      case 0: icon2use.image = 'assets/templates/immundefekte/grafiken/markers/Marker_orange_E.png'; break;
      case 1: icon2use.image = 'assets/templates/immundefekte/grafiken/markers/Marker_orange_K.png'; break;
      case 2: icon2use.image = 'assets/templates/immundefekte/grafiken/markers/Marker_gruen_E.png'; break;
      case 3: icon2use.image = 'assets/templates/immundefekte/grafiken/markers/Marker_gruen_K.png'; break;      
      case 4: icon2use.image = 'assets/templates/immundefekte/grafiken/markers/Marker_orange_KE.png'; break;
      case 5: icon2use.image = 'assets/templates/immundefekte/grafiken/markers/Marker_gruen_KE.png'; break;
    }

    var marker = new GMarker(point, icon2use);
    marker.tooltip = '<div class="tooltip" style="background:#FFFFFF; border:1px solid #CCCCCC; padding:5px;"><nobr>'+name+'<\/nobr><\/div>';

    GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
    /*    
    GEvent.addListener(marker, "mouseover", function() { marker.setImage("assets/templates/immundefekte/grafiken/markers/icon_orange.png"); });
    switch(importance)
    {
      case 0: GEvent.addListener(marker, "mouseout", function() { marker.setImage("assets/templates/immundefekte/grafiken/markers/Marker_orange_E.png"); }); break;
      case 1: GEvent.addListener(marker, "mouseout", function() { marker.setImage("assets/templates/immundefekte/grafiken/markers/Marker_orange_K.png"); }); break;
      case 2: GEvent.addListener(marker, "mouseout", function() { marker.setImage("assets/templates/immundefekte/grafiken/markers/Marker_gruen_E.png"); }); break;
      case 3: GEvent.addListener(marker, "mouseout", function() { marker.setImage("assets/templates/immundefekte/grafiken/markers/Marker_gruen_K.png"); }); break;
    }
    */
    GEvent.addListener(marker, "mouseover", function() { showTooltip(marker); });
    GEvent.addListener(marker, "mouseout", function() { tooltip.style.visibility="hidden"; });

    gmarkers[i] = marker;
    htmls[i] = html;
    /*
    switch(importance)
    {
      case 0: side_bar_html += '<li><a href="javascript:myclick(' + i + ');" onmouseover="gmarkers['+i+'].setImage(\'assets/templates/immundefekte/grafiken/markers/icon_orange.png\')" onmouseout="gmarkers['+i+'].setImage(\'assets/templates/immundefekte/grafiken/markers/icon_lightblue.png\')">' + name + '<\/a></li>'; break;
      case 1: side_bar_html += '<li><a href="javascript:myclick(' + i + ');" onmouseover="gmarkers['+i+'].setImage(\'assets/templates/immundefekte/grafiken/markers/icon_orange.png\')" onmouseout="gmarkers['+i+'].setImage(\'assets/templates/immundefekte/grafiken/markers/icon_blue.png\')">' + name + '<\/a></li>'; break;
      case 2: side_bar_html += '<li><a href="javascript:myclick(' + i + ');" onmouseover="gmarkers['+i+'].setImage(\'assets/templates/immundefekte/grafiken/markers/icon_orange.png\')" onmouseout="gmarkers['+i+'].setImage(\'assets/templates/immundefekte/grafiken/markers/icon_lightgreen.png\')">' + name + '<\/a></li>'; break;
      case 3: side_bar_html += '<li><a href="javascript:myclick(' + i + ');" onmouseover="gmarkers['+i+'].setImage(\'assets/templates/immundefekte/grafiken/markers/icon_orange.png\')" onmouseout="gmarkers['+i+'].setImage(\'assets/templates/immundefekte/grafiken/markers/icon_green.png\')">' + name + '<\/a></li>'; break;
    }
   */
   if(anzeige==2 || anzeige==3) side_bar_html += '<li><a href="javascript:myclick(' + i + ');" >' + name + '<\/a></li>';
    i++;
   // if(anzeige==1 || anzeige==3) { return marker; } else { return false; }
   return marker;
  }


  function myclick(i) { gmarkers[i].openInfoWindowHtml(htmls[i]);  window.location.hash='karte';}

  function showTooltip(marker) 
  {
    // marker=gmarkers[i];
    tooltip.innerHTML = marker.tooltip;
    var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.fromDivPixelToLatLng(new GPoint(0,0),true),map.getZoom());
    var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
    var anchor=marker.getIcon().iconAnchor;
    var width=marker.getIcon().iconSize.width;
    var height=tooltip.clientHeight;
    var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(offset.x - point.x - anchor.x + width, offset.y - point.y -anchor.y -height)); 
    pos.apply(tooltip);
    tooltip.style.visibility="visible";
  }

}

else {
  alert("Sorry, the Google Maps API is not compatible with this browser");
}


