//<![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 = true;

    // 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 GSmallMapControl());
      map.addControl(new GMapTypeControl());
      // Center the map to the default location and set map type
      map.setCenter(new GLatLng(34.15272698011818, -117.9437255859375), 8, 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.845506, -118.266202);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(1)\">Zoom To</a></div></div>";

      // Define Marker
      options = {opasity: 100, label:'Carson Branch'}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Carson Branch</div><div class=\"IWContent\"><a href=\"http://www.buyusa1.com/listman/templates/_realty/searchh_car.php?search=1&amp;perpage=200&amp;marknew=1&amp;user_keyword=&amp;hfield10_keyword=carson&amp;search=Submit\">Click here to visit the Carson branch page.</a></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 0);
      map.addOverlay(marker);
      aLocations[1] = new Array(marker, "Carson Branch", InfoHTML, point);
	
      point = new GLatLng(33.873237, -118.079757);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(2)\">Zoom To</a></div></div>";

      // Define Marker
      options = {opasity: 100, label:'Cerritos Branch'}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Cerritos Branch</div><div class=\"IWContent\"><a href=\"http://www.buyusa1.com/listman/templates/_realty/searchh_c.php?search=1&amp;perpage=200&amp;marknew=1&amp;user_keyword=&amp;hfield10_keyword=cerritos&amp;search=Submit\">Click here to visit the Cerritos branch page.</a></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 2);
      map.addOverlay(marker);
      aLocations[2] = new Array(marker, "Cerritos Branch", InfoHTML, point);
	
      point = new GLatLng(33.62946, -117.7269);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(4)\">Zoom To</a></div></div>";

      // Define Marker
      options = {opasity: 100, label:'Irvine Branch'}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Irvine Branch</div><div class=\"IWContent\"><a href=\"http://www.buyusa1.com/listman/templates/_realty/searchh_i.php?search=1&amp;perpage=200&amp;marknew=1&amp;user_keyword=&amp;hfield10_keyword=irvine&amp;search=Submit\">Click here to visit the Irvine branch page.</a></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 3);
      map.addOverlay(marker);
      aLocations[4] = new Array(marker, "Irvine Branch", InfoHTML, point);
	
      point = new GLatLng(34.104651, -117.565334);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(6)\">Zoom To</a></div></div>";

      // Define Marker
      options = {opasity: 100, label:'Rancho Cucamonga Branch'}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Rancho Cucamonga Branch</div><div class=\"IWContent\"><a href=\"http://www.buyusa1.com/listman/templates/_realty/searchh_r.php?search=1&amp;perpage=200&amp;marknew=1&amp;user_keyword=&amp;hfield10_keyword=rancho&amp;search=Submit\">Click here to visit the Rancho Cucamonga branch page.</a></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 4);
      map.addOverlay(marker);
      aLocations[6] = new Array(marker, "Rancho Cucamonga Branch", InfoHTML, point);
	
      point = new GLatLng(33.8037, -118.348312);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(7)\">Zoom To</a></div></div>";

      // Define Marker
      options = {opasity: 100, label:'Torrance Branch'}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Torrance Branch</div><div class=\"IWContent\"><a href=\"http://www.buyusa1.com/listman/templates/_realty/searchh_t.php?search=1&amp;perpage=200&amp;marknew=1&amp;user_keyword=&amp;hfield10_keyword=torrance&amp;search=Submit\">Click here to visit the Torrance branch page.</a></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 5);
      map.addOverlay(marker);
      aLocations[7] = new Array(marker, "Torrance Branch", InfoHTML, point);
	
      point = new GLatLng(34.504705, -117.326039);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(8)\">Zoom To</a></div></div>";


      // Define Marker
      options = {opasity: 100, label:'Victorville Branch'}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Victorville Branch</div><div class=\"IWContent\"><a href=\"http://www.buyusa1.com/listman/templates/_realty/searchh_v.php?search=1&amp;perpage=200&amp;marknew=1&amp;user_keyword=&amp;hfield10_keyword=victorville&amp;search=Submit\">Click here to visit the Victorville branch page.</a></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 6);
      map.addOverlay(marker);
      aLocations[8] = new Array(marker, "Victorville Branch", InfoHTML, point);
      // And finnaly create sidebar
      createSideBar();
    }

    //]]>