//<![CDATA[

      
      
      function load() {
        if (GBrowserIsCompatible()) {
          var map = new GMap2(document.getElementById("map"));
          map.setCenter(new GLatLng(35.913341, 14.500312), 16);
          
          var latlng1 = new GLatLng(35.913341, 14.500312);
          var latlng2 = new GLatLng(35.914566, 14.497597);
          var latlng3 = new GLatLng(35.914531, 14.497372);
          
          map.addControl(new GSmallMapControl());
          
           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() {
             
             $message = "";
             switch(index){
              
                case 0:
                  $message = "Granny's Inn";
                  break;
                  
                case 1:
                  $message = "Cara's Coffee Shop";
                  break;
                  
                case 2:
                  $message = "Plaza Hotel";
                  break;
             }
              marker.openInfoWindowHtml($message + "</b>");
            });
            
            return marker;
          }
         
          map.addOverlay(createMarker(latlng1, 0));
          map.addOverlay(createMarker(latlng2, 1));
          map.addOverlay(createMarker(latlng3, 2));
          
          var polyline = new GPolyline([
                         new GLatLng(35.914635, 14.497479),
                         new GLatLng(35.912585, 14.498348)
          ], "#ff0000", 2);
          map.addOverlay(polyline);
          
           var polyline = new GPolyline([
                         new GLatLng(35.912585, 14.498348),
                         new GLatLng(35.913341, 14.500312)
          ], "#ff0000", 2);
          map.addOverlay(polyline);

        }
      }
       

    //]]>
