// use this site to generate the coordinates http://gmaps.kaeding.name/ or map your own points http://itouchmap.com/latlong.html

    var map;
    var bounds;
    function load() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(45.5715516666667,-73.7179186666667), 0);
        //var bounds = new GLatLngBounds(new GLatLng(45.7287, -73.8701560), new GLatLng(45.433, -73.6168));		
        var bounds = new GLatLngBounds(new GLatLng(45.7287, -73.8701560), new GLatLng(46.433, -73.6168));		
        plotPoints();
        map.setZoom(map.getBoundsZoomLevel(bounds));		
      }
    }

    var gmarkers = [];
    var htmls = [];

    // handle clicks from the listing:
    function click(i){
        gmarkers[i].openInfoWindowHtml(htmls[i]);
    }
	
	// Create our "tiny" marker icon
		var blueIcon = new GIcon(G_DEFAULT_ICON);
		blueIcon.image = "http://dagwoods.ca/images/icon.png";
		blueIcon.iconSize = new GSize(23, 23);
		
			// Set up our GMarkerOptions object
			markerOptions = { icon:blueIcon };

    // set up a new marker
    function addMarker(lat, lon, html){
        var marker = new GMarker(new GLatLng(lat, lon), markerOptions);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        gmarkers.push(marker);
        htmls.push(html);
        return marker;
    }

    function plotPoints(){
            var marker;			
        
			var html = formatHtml("12", "Blainville");
            marker = addMarker(45.6672434, -73.8697466, html);
			map.addOverlay(marker);
			
			var html = formatHtml("3", "D.D.O. Sources");
            marker = addMarker(45.4836440, -73.7965610, html);
            map.addOverlay(marker);
			
			var html = formatHtml("10", "Dorval");
            marker = addMarker(45.4473976, -73.7458258, html);
            map.addOverlay(marker);
			
			var html = formatHtml("1", "Kirkland");
            marker = addMarker(45.4571410, -73.8630680, html);
            map.addOverlay(marker);
			
			var html = formatHtml("22", "LaSalle");
            marker = addMarker(45.4390362, -73.6227996, html);
            map.addOverlay(marker);
			
			var html = formatHtml("11", "Pincourt");
            marker = addMarker(45.3823592, -73.9920339, html);
            map.addOverlay(marker);
			
			var html = formatHtml("21", "Ste. Catherine/Jeanne-Mance");
            marker = addMarker(45.5067357, -73.5665239, html);
            map.addOverlay(marker);
			
			var html = formatHtml("18", "St-Eustache");
            marker = addMarker(45.5645746, -73.9050427, html);
            map.addOverlay(marker);
			
			var html = formatHtml("23", "Salaberry-de-Valleyfield");
            marker = addMarker(45.2607439, -74.1319691, html);
            map.addOverlay(marker);
			
			var html = formatHtml("5", "Ville Mont-Royal");
            marker = addMarker(45.5206510, -73.6278710, html);
            map.addOverlay(marker);
			
			var html = formatHtml("25", "Fabreville");
            marker = addMarker(45.5777700, -73.7882400, html);
            map.addOverlay(marker);
			
			var html = formatHtml("27", "Beaconsfield");
            marker = addMarker(45.4330378, -73.8467766, html);
            map.addOverlay(marker);
			
			var html = formatHtml("8", "Westmount");
            marker = addMarker(45.4768372, -73.6059322, html);
            map.addOverlay(marker);
			
			var html = formatHtml("7", "Ste-Catherine/Guy");
            marker = addMarker(45.4921209, -73.5812602, html);
            map.addOverlay(marker);

			var html = formatHtml("2", "D.D.O. St-Jean");
            marker = addMarker(45.4785310, -73.8399760, html);
            map.addOverlay(marker);
					
			var html = formatHtml("20", "Lachine");
            marker = addMarker(45.4348665, -73.6726386, html);
            map.addOverlay(marker);
			
			var html = formatHtml("19", "N.D.G.");
            marker = addMarker(45.4598360, -73.6365640, html);
            map.addOverlay(marker);
			
			var html = formatHtml("4", "Rosemère");
            marker = addMarker(45.6323291, -73.8157316, html);
            map.addOverlay(marker);
			
			var html = formatHtml("14", "St-Denis");
            marker = addMarker(45.5164166, -73.5663155, html);
            map.addOverlay(marker);
			
			var html = formatHtml("9", "Saint-Laurent");
            marker = addMarker(45.5194747, -73.7029413, html);
            map.addOverlay(marker);
			
			var html = formatHtml("15", "Vaudreuil-Dorion");
            marker = addMarker(45.4077001, -74.0358687, html);
            map.addOverlay(marker);
			
			var html = formatHtml("24", "Terrebonne");
            marker = addMarker(45.7244800, -73.7003310, html);
            map.addOverlay(marker);
						
			var html = formatHtml("28", "Mascouche");
            marker = addMarker(45.7286637, -73.6168038, html);
            map.addOverlay(marker);
			
			var html = formatHtml("29", "Dagwoods Plateau");
            marker = addMarker(45.5199764, -73.5865309, html);
            map.addOverlay(marker);
                
    }
    
    function formatHtml(id, address) {
        return '<div class="address">' + address + '</div>\n<div class="address"><a href="javascript:void(0);" onclick="window.open(\'restaurant.asp?id=' + id + '&amp;lang=fr\',\'\',\'status=yes,scrollbars=yes,resizable=yes,width=656\');">Détails de la succursale</a></div>';		
    }