//<![CDATA[

    // Global Variables
    // set map variable
    var map = null;
    //set up array of locations
    var aLocations = new Array;

    /*************************** Configuration Options ***************************/
    /*PDMarker is used to display tooltips when the user hovers over the markers.
    * PDMarker is a LGPL library provided by Peter Jones. 
    * For details see http://wwww.pixeldevelopment.com/pdmarker.asp
    */
    var usePDMarker = false;

    // Create a base "tiny" red  icon that specifies the shadow, icon dimensions, etc.
    var iconsm = new GIcon();
    iconsm.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
    iconsm.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
    iconsm.iconSize = new GSize(12, 20);
    iconsm.shadowSize = new GSize(20, 18);
    iconsm.iconAnchor = new GPoint(6, 20);
    iconsm.infoWindowAnchor = new GPoint(5, 1);

    // Create a base "large" red icon that specifies the shadow, icon dimensions, etc.
    var iconbig = new GIcon();
    iconbig.image = "http://www.google.com/mapfiles/marker.png";
    iconbig.shadow = "http://www.google.com/mapfiles/shadow50.png";
    iconbig.iconSize = new GSize(20, 34);
    iconbig.shadowSize = new GSize(37, 34);
    iconbig.iconAnchor = new GPoint(6, 34);
    iconbig.infoWindowAnchor = new GPoint(5, 1);

    // Custom Icon
    var iconcustom = new GIcon(iconbig);
    iconcustom.shadow = '';

    function onLoad() {
      if (!GBrowserIsCompatible()) 
      {
         document.getElementById("MapBuilderMap").innerHTML = "Unfortunately your browser doesn't support Google Maps.<br /> To check browser compatibility visit the following <a href=\"http://local.google.com/support/bin/answer.py?answer=16532&topic=1499\">link</a>.";
         return;
      }

      map = new GMap2(document.getElementById("MapBuilderMap"));
      var MB = new MapBuilder(map);
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      // Center the map to the default location and set map type
      map.setCenter(new GLatLng(33.7094898901883, -117.99110412597656), 12, map.getMapTypes()[0]);
      	  
      // Initialize variables
      var point = null;
      var footerHtml = null;
      var InfoHTML = null;
      var marker = null;
      /* Options used for PDMarker initialization:
      * label: tooltip text
      * opasity: tooltip opasity
      */
      var options = {};

      // Add locations
	
      point = new GLatLng(33.7076870387799, -117.950870990753);
      footerHtml = "<div class=\"IWFooter\"></div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">ClubHouse Academy</div><div class=\"IWContent\"><b>Performing Arts Center (Ages 2+) </b><br>	  		 10200 Slater Avenue<br>			Fountain Valley, CA 92708<br>			Phone: (714) 593-0753<br><br><a href=\"our-locations/clubhouse-academy/\">Learn more &gt;&gt;</a><br></div>" + footerHtml + "</div>";
      iconbig.image = "images/icons/map5.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 0);
      map.addOverlay(marker);
      aLocations[0] = new Array(marker, "ClubHouse Academy Center for the Arts", InfoHTML, point);
	
      point = new GLatLng(33.7219660125683, -117.95387506485);
      footerHtml = "<div class=\"IWFooter\"></div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Fountain-Valley Kingston Branch</div><div class=\"IWContent\"><b>School-Age Center (Ages 5+)</b><br>16582 Brookhurst Street<br>Fountain Valley, CA 92708<br>			Phone: (714) 531-2582<br><a href=\"our-locations/fountain-valley-branch/\"><br>Learn more &gt;&gt;</a></div>" + footerHtml + "</div>";
      iconbig.image = "images/icons/map1.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 1);
      map.addOverlay(marker);
      aLocations[1] = new Array(marker, "Fountain-Kalley Kingston Branch", InfoHTML, point);
	
      point = new GLatLng(33.7338336020401, -118.004676103592);
      footerHtml = "<div class=\"IWFooter\"></div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">GWC Child Development Center</div><div class=\"IWContent\"><b>Licensed Preschool  (Infants - 5 years)</b><br>			Golden West College<br>			15744 Golden West Street<br>			Huntington Beach, CA 92647<br>	  Phone: (714) 895-8127<br><br><a href=\"our-locations/gwc-preschool/\">Learn more &gt;&gt;</a><br></div>" + footerHtml + "</div>";
      iconbig.image = "images/icons/map4.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 2);
      map.addOverlay(marker);
      aLocations[2] = new Array(marker, "GWC Child Development Center", InfoHTML, point);
	
      point = new GLatLng(33.6779970247757, -117.993550300598);
      footerHtml = "<div class=\"IWFooter\"></div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Huntington Beach Branch</div><div class=\"IWContent\"><b>School-Age Center (Ages 5+)</b><br>	  		2309 Delaware Street<br>			Huntington Beach, CA 92648<br>			Phone: (714) 374-2600<br><a href=\"our-locations/huntington-beach-branch/\"><br>Learn more &gt;&gt;</a><br></div>" + footerHtml + "</div>";
      iconbig.image = "images/icons/map2.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 3);
      map.addOverlay(marker);
      aLocations[3] = new Array(marker, "Huntington Beach Branch", InfoHTML, point);
	
      point = new GLatLng(33.7280963182074, -118.04424405098);
      footerHtml = "<div class=\"IWFooter\"></div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Learning Center Preschool</div><div class=\"IWContent\"><b> Accredited  Preschool  (Infants - 5 years)</b><br>	  		16081 Waikiki Lane<br>			Huntington Beach, CA 92649<br>			Phone: (714) 846-1303<br><br><a href=\"our-locations/learning-center-preschool/\">Learn more &gt;&gt;</a><br></div>" + footerHtml + "</div>";
      iconbig.image = "images/icons/map3.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 4);
      map.addOverlay(marker);
      aLocations[4] = new Array(marker, "Learning Center Preschool", InfoHTML, point);
    }

    //]]>