function GetIcon1(){
	      // Set up three markers with info windows 
	      var baseIcon = new GIcon();
	      baseIcon.iconSize=new GSize(32,32);
	      baseIcon.shadowSize=new GSize(56,32);
	      baseIcon.iconAnchor=new GPoint(16,32);
	      baseIcon.infoWindowAnchor=new GPoint(16,0);
	      var icon = new GIcon(baseIcon, "http://maps.google.com/mapfiles/kml/pal4/icon47.png", null, "http://maps.google.com/mapfiles/kml/pal4/icon47s.png");
	     return icon;
	    
}
function GetIcon2(){
	      // Set up three markers with info windows
	      var baseIcon = new GIcon();
	      baseIcon.iconSize=new GSize(32,32);
	      baseIcon.shadowSize=new GSize(56,32);
	      baseIcon.iconAnchor=new GPoint(16,32);
	      baseIcon.infoWindowAnchor=new GPoint(16,0);
	      var icon = new GIcon(baseIcon, "http://maps.google.com/mapfiles/kml/pal4/icon47.png", null, "http://maps.google.com/mapfiles/kml/pal4/icon47s.png");
	     return icon;

}
function GetPoint1(){
	      var point = new GLatLng(34.14849,-118.12138);
	      return point;
}
function GetPoint2(){
	      var point = new GLatLng(34.151486,-117.990854);
	      return point;
}
function GetMarker1(icon,point){
	        var marker = createMarker(point,'Dr. Budinchich - Pasadena Office','Dr. Budinchich - Pasadena Office<br />140 N. Hill Avenue<br />Pasadena, CA 91106<br />',icon,'140 N. Hill Avenue Pasadena, CA 91106');
		return marker;
}
function GetMarker2(icon,point){
	        var marker = createMarker(point,'Dr. Budinchich - Monrovia Office','Dr. Budinchich - Monrovia Office<br />631 E. Foothill Blvd.<br />Monrovia, CA 91006<br />',icon,'631 E. Foothill Blvd. Monrovia, CA 91006');
		return marker;
}
function myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }

//<![CDATA[
	  // Check to see if this browser can run the Google API
	    if (GBrowserIsCompatible()) {
	
	      var gmarkers = [];
	      var htmls = [];
	      var to_htmls = [];
	      var from_htmls = [];
	      var i=0;
	  
	      // A function to create the marker and set up the event window
	      function createMarker(point,name,html,icon,dest) {
			var marker = new GMarker(point,icon);

			// The info window version with the "to here" form open
			to_htmls[i] = html + '<br><em>Directions</em> : <b>To here</b> - <a href="javascript:fromhere(' + i + ')">From here</a>' +
			   '<br>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
			   '<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
			   '<INPUT value="Get Directions" TYPE="SUBMIT">' +
			   '<input type="hidden" name="daddr" value="' + dest +
				  // "(" + name + ")" +
			   '"/>';
			// The info window version with the "to here" form open
			from_htmls[i] = html + '<br><em>Directions</em> : <a href="javascript:tohere(' + i + ')">To here</a> - <b>From here</b>' +
			   '<br>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
			   '<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br>' +
			   '<INPUT value="Get Directions" TYPE="SUBMIT">' +
			   '<input type="hidden" name="saddr" value="' + dest +
				  // "(" + name + ")" +
			   '"/>';
			// The inactive version of the direction info
			html = html + '<br><em>Directions</em> : <a href="javascript:tohere('+i+')">To here</a> - <a href="javascript:fromhere('+i+')">From here</a>';

			GEvent.addListener(marker, "click", function() {
			  marker.openInfoWindowHtml(html);
			});
			gmarkers[i] = marker;
			htmls[i] = html;
			i++;
			return marker;
	      }
	
	      // functions that open the directions forms
	      function tohere(i) {
			gmarkers[i].openInfoWindowHtml(to_htmls[i]);
	      }
	      function fromhere(i) {
			gmarkers[i].openInfoWindowHtml(from_htmls[i]);
	      }
	
	      // Display the map, with some controls and set the initial location 
	      var map = new GMap2(document.getElementById("map"));
	      map.addControl(new GLargeMapControl());
	      map.addControl(new GMapTypeControl());
	      var icon=GetIcon1();
	    	var icon2=GetIcon2();
	      var point=GetPoint1();
	      var point2=GetPoint2();
	      var marker=GetMarker1(icon,point);
	      var marker2=GetMarker2(icon2,point2);
	      map.setCenter(new GLatLng(0,0),0);
	      var bounds = new GLatLngBounds();
	      bounds.extend(point);
	      bounds.extend(point2);
	      map.setZoom(map.getBoundsZoomLevel(bounds));
	      map.setCenter(bounds.getCenter());
	   	 //map.setCenter(new GLatLng(34.146600,-118.060988), 11);
	      map.addOverlay(marker);
	      map.addOverlay(marker2);
	    }
	
	    
	    // display a warning if the browser was not compatible
	    else {
	      alert("Sorry, the Google Maps API is not compatible with this browser");
	    }
	
	    // This Javascript is based on code provided by the
	    // Blackpool Community Church Javascript Team
	    // http://www.commchurch.freeserve.co.uk/   
	    // http://www.econym.demon.co.uk/googlemaps/
	    //]]>