// JavaScript Document
 //<![CDATA[

	if (GBrowserIsCompatible()) { 

		var baseIcon = new GIcon();
          baseIcon.iconSize=new GSize(18,18);
          baseIcon.shadowSize=new GSize(32,18);
          baseIcon.iconAnchor=new GPoint(9,18);
          baseIcon.infoWindowAnchor=new GPoint(18,0);
          
    	  var palla = new GIcon(baseIcon, "http://maps.google.com/mapfiles/kml/pal3/icon49.png", null, "http://maps.google.com/mapfiles/kml/pal3/icon49s.png");

      function createMarker(point,html,icon) {
        var marker = new GMarker(point,icon);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }

      var map = new GMap2(document.getElementById("map"));
	  map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(46.22871866307745,10.82827091217041),15);
    
      var point = new GLatLng(46.232577971720204,10.825223922729492);
      var marker = createMarker(point,'Hotel Miramonti</p><img src="img/dove/mirahome_3_small.png" width=111 height=97>',palla)
      map.addOverlay(marker);

      var point = new GLatLng(46.23254828576632,10.824666023254395);
      var marker = createMarker(point,'Residence Antares</p><img src="img/dove/antareshome_1_small.png" width=111 height=97>',palla)
      map.addOverlay(marker);

      var point = new GLatLng(46.22830302903786,10.829687118530273);
      var marker = createMarker(point,'<p>Garni Del Sogno</p><img src="img/dove/Garnihome_2_small.png" width=111 height=97>',palla)
      map.addOverlay(marker);
    
      // ===  wait for the aontrol_api mdocule to be loaded
      setTimeout("checkOverview()",100);
      //  ======== Add a map overview ==========
      //  ======== save a reference to the control =========
      var ovcontrol = new GOverviewMapControl(new GSize(200,200));
      map.addControl(ovcontrol);

      //  ======== A function to adjust the positioning of the overview ========
      function positionOverview(x,y) {
        var overmapdiv =document.getElementById("map_overview");
        omap.style.left = x+"px";
        omap.style.top = y+"px";
        
        // == restyling ==
        omap.firstChild.style.border = "1px solid gray";

        omap.firstChild.firstChild.style.left="4px";
        omap.firstChild.firstChild.style.top="4px";
        omap.firstChild.firstChild.style.width="190px";
        omap.firstChild.firstChild.style.height="190px";
      }
      
      // === after the control code has loaded, all control Methods are accessible.
      function checkOverview() {
        var overmap = ovcontrol.getOverviewMap();
        if (overmap) {
          // ======== get a reference to the GMap2 ===========
          ovmap = ovcontrol.getOverviewMap();     
          //  ======== Cause the overview to be positioned AFTER IE sets its initial position ======== 
          setTimeout("positionOverview(475,500)",1);
      
          //  ======== change the overview map type AFTER the overview finisges initializing   =====
          setTimeout("ovmap.setMapType(G_HYBRID_MAP);",1);
        } else {
          setTimeout("checkOverview()",100);
        }
      }
    }
    
    // display a warning if the browser was not compatible
    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
      
    
    //]]>