﻿//<![CDATA[

	

    function load() {
      if (GBrowserIsCompatible()) {
      
      	// Koordinaten: Kartenmittelpunkt
      	var centerPoint = new GLatLng(54.55693356898937, 8.944244384765625);
 		// Koordinaten: Ferienhaus Reussenkoog
 		var reussPoint = new GLatLng(54.625139678988276, 8.898882865905762);
 		// Koordinaten: Ferienwohnung Husum
 		var husumPoint = new GLatLng(54.474090053939165, 9.046452641487122);
 		// Koordinaten: Ferienhaus Eulenhof / Jacob    
      	var eulenPoint = new GLatLng(54.635172594618034, 8.930093050003052);
      
        var map = new GMap2(document.getElementById("map"));
        // G_NORMAL_MAP- the default view
        // G_SATELLITE_MAP - showing Google Earth satellite images
    	// G_HYBRID_MAP - showing a mixture of normal and satellite views
    	// G_DEFAULT_MAP_TYPES - an array of these three types, useful for iterative processing
        map.setMapType(G_HYBRID_MAP);
        map.setCenter(centerPoint, 10);
         map.addControl(new GLargeMapControl());

        var mapControl = new GMapTypeControl();
        map.addControl(mapControl);
		map.addControl(new GOverviewMapControl());

        // Create a base icon for all of our markers that specifies the
        // shadow, icon dimensions, etc.
        var baseIcon = new GIcon();
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);

        
      	function createMarker(point, index) {
          // Create a lettered icon for this point using our icon class
          var letter = String.fromCharCode("A".charCodeAt(0) + index);
          var letteredIcon = new GIcon(baseIcon);
          letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";

          // Set up our GMarkerOptions object
          markerOptions = { icon:letteredIcon };
          var marker = new GMarker(point, markerOptions);

        
          
          GEvent.addListener(marker, "click", function() {
          	if(0==index){
            	marker.openInfoWindowHtml("<span class='info_link'><a href='http://nordfrieslandferien.de/html/ferienhaus_reussenkoog_haupt.html' target='_self'>Ferienhaus Reußenkoog<br/></a><img src='http://www.nordfrieslandferien.de/gfx/bilder/reussenkoog/haus/kl_reussenkoog_08_vorn.jpg' alt='' border='0' width='225px' height='150px' /><span/>");
          	}else if(1==index){
          		marker.openInfoWindowHtml("<span class='info_link'><a href='http://nordfrieslandferien.de/html/eulenhof_haupt.html' target='_self'>Ferienhaus Eulenhof</a><a class='info_link' href='http://nordfrieslandferien.de/html/ferienhaus_jacob_haupt.html' target='_self'> und Jacob<br/></a><img src='http://www.nordfrieslandferien.de/gfx/bilder/jacob/kl_jacob_08_rosen.jpg' alt='' border='0' width='225px' height='150px' /><span/>");
          	}else if(2==index){
          		marker.openInfoWindowHtml("<span class='info_link'><a href='http://nordfrieslandferien.de/html/binnenhafen_haupt.html' target='_self'>Ferienwohnung Hafenerlebnis<br/></a><img src='http://www.nordfrieslandferien.de/gfx/bilder/hafenerlebnis/kl_husum_vonvorne.jpg' alt='' border='0' width='225px' height='150px' /><span/>");
          	}
          });
          
          return marker;
        }

      
   
      /*
        
        GEvent.addListener(map, "moveend", function() {
          var center = map.getCenter();
          document.getElementById("message").innerHTML = center.toString();
        });
*/
        
        map.addOverlay(createMarker(reussPoint,0));
        map.addOverlay(createMarker(eulenPoint,1));
        map.addOverlay(createMarker(husumPoint,2));
        

      }
    }

//]]>

