function initialize() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(39.37889504706486, -104.88922119140625), 9);
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
        map.enableScrollWheelZoom(); 


    // Create a base icon for all of our markers that specifies the
    // shadow, icon dimensions, etc.
    var baseIcon = new GIcon(G_DEFAULT_ICON);
    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);

    // Creates a marker whose info window displays the letter corresponding
    // to the given index.
    function createMarker(point, index, html) {
      // 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() {
        marker.openInfoWindowHtml(html);
      });      var eles = getElementsByClassName("hours_"+index);      for (var i in eles) {    	  eles[i].onclick = function(){marker.openInfoWindowHtml(html);};      }      
      return marker;
    }        var monument = new GLatLng(39.09252815019346, -104.86421227455139);        var castlerock = new GLatLng(39.36966635718267, -104.85967129468918);
    var englewood = new GLatLng(39.63539818396491, -104.9874758720398);
	    map.addOverlay(createMarker(monument, 0, "<div class='balloon'><b>Rocky Mountain Oil Change Center</b><br/>213 Hwy 105<br/>Monument, CO 80132<br/>(719) 481-4888<br/>" +	      "<table class='locations_hoursTable'>" +	      "  <tr>" +          "    <th class='locations_th' colspan='2'>Store Hours:</th>" +          "  </tr>" +          "  <tr>" +          "    <td class='locations_td'>Mon - Fri:</td>" +          "    <td class='locations_td'>8:00am - 6:00pm</td>" +          "  </tr>" +          "  <tr>" +          "    <td class='locations_td'>Saturday:</td>" +          "    <td class='locations_td'>8:00am - 4:00pm</td>" +          "  </tr>" +          "  <tr>" +          "    <td class='locations_td'>Sunday:</td>" +          "    <td class='locations_td'>9:00am - 4:00pm</td>" + "  </tr>" +          "</table></div>"));	    	    map.addOverlay(createMarker(castlerock, 1, "<div class='balloon'><b>Rocky Mountain Oil Change Center</b><br/>14 Wilcox St.<br/>Castle Rock, CO 80104<br/>(303) 660-3512<br/>" +	      "<table class='locations_hoursTable'>" +	      "  <tr>" +          "    <th class='locations_th' colspan='2'>Store Hours:</th>" +          "  </tr>" +          "  <tr>" +          "    <td class='locations_td'>Mon - Fri:</td>" +          "    <td class='locations_td'>8:00am - 6:00pm</td>" +          "  </tr>" +          "  <tr>" +          "    <td class='locations_td'>Saturday:</td>" +          "    <td class='locations_td'>8:00am - 4:00pm</td>" +          "  </tr>" +          "</table></div>"));
	    map.addOverlay(createMarker(englewood, 2, "<div class='balloon'><b>Rocky Mountain Oil Change Center</b><br/>4480 South Broadway<br/>Englewood, CO 80113<br/>(303) 781-4466<br/>" +	      "<table class='locations_hoursTable'>" +	      "  <tr>" +          "    <th class='locations_th' colspan='2'>Store Hours:</th>" +          "  </tr>" +          "  <tr>" +          "    <td class='locations_td'>Mon - Fri:</td>" +          "    <td class='locations_td'>8:00am - 6:00pm</td>" +          "  </tr>" +          "  <tr>" +          "    <td class='locations_td'>Saturday:</td>" +          "    <td class='locations_td'>8:00am - 4:00pm</td>" +          "  </tr>" +          "</table></div>"));
  }
}