﻿ var Icon1 = new GIcon();
        Icon1.image = "images/bathdoctorlogo.png";
        Icon1.iconSize = new GSize(58,35);
        Icon1.iconAnchor = new GPoint(58,35);
        Icon1.infoWindowAnchor = new GPoint(60,1);
        var gmarkers = [];
        var htmls = [];
        var i = 0;
    function load() {
      if (GBrowserIsCompatible()) {
      
			var map,point,marker,map1,point1, marker1,map2,point2,marker2,map3,point3,marker3; 
		    point = new GLatLng(39.279773,-84.503456);   
            map = createMap(document.getElementById("bd1"),point);
            map.addOverlay(createMarker(point,"<form action='http://maps.google.com/maps' method='get' target='_blank'><input type='hidden' name='daddr' value='Cincinnati, OH 45240' /><input type='hidden' name='hl' value='en' /><table width='179' border='0' cellspacing='5' cellpadding='5'><tr><td><label for='saddr'>Start address:</label></td></tr><tr><td><textarea name='saddr' cols='20' id='saddr' width='200px' height='50px'></textarea></td></tr><tr><td><input name='submit' type='submit' value='Get Directions' class='mButton' /></td></tr></table></form>"));
            point1 = new GLatLng(41.443305,-81.637173);
            map1 = createMap(document.getElementById("bd2"),point1);
            map1.addOverlay(createMarker(point1,"<form action='http://maps.google.com/maps' method='get' target='_blank'><input type='hidden' name='daddr' value='4566 East 71st Street, Cuyahoga Heights, OH 44125, USA' /><input type='hidden' name='hl' value='en' /><table width='150' border='0' cellspacing='5' cellpadding='5'><tr><td class='mText'><label for='saddr'>Start address:</label></td></tr><tr><td><textarea name='saddr' cols='20' id='saddr' width='150px'></textarea></td></tr><tr><td><input name='submit' type='submit' value='Get Directions' class='mButton'/></td></tr></table></form>"));
            
            
            point1 = new GLatLng(39.993755,-82.923282);
            map1 = createMap(document.getElementById("bd3"),point1);
            map1.addOverlay(createMarker(point1,"<form action='http://maps.google.com/maps' method='get' target='_blank'><input type='hidden' name='daddr' value='3091 E 14th AVE Columbus, OH 43219, USA' /><input type='hidden' name='hl' value='en' /><table width='150' border='0' cellspacing='5' cellpadding='5'><tr><td class='mText'><label for='saddr'>Start address:</label></td></tr><tr><td><textarea name='saddr' cols='20' id='saddr' width='150px'></textarea></td></tr><tr><td><input name='submit' type='submit' value='Get Directions' class='mButton'/></td></tr></table></form>"));
           
      }
    }
     function createMap(mapID,point) {
        var map = new GMap2(mapID);
        map.setCenter(point, 15);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl()); 
        return map;
      }
    function createMarker(point,html) {
        var marker = new GMarker(point,Icon1);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        gmarkers[i] = marker;
        htmls[i] = html;
        i++;
        return marker;
      }  
      function GetDirections(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }