var side_bar_html = "";
    var gmarkers = [];
    var i = 0;

    var iconBlue = new GIcon();
    iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
    iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconBlue.iconSize = new GSize(12, 20);
    iconBlue.shadowSize = new GSize(22, 20);
    iconBlue.iconAnchor = new GPoint(6, 20);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);

    var iconRed = new GIcon();
    iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
    iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconRed.iconSize = new GSize(12, 20);
    iconRed.shadowSize = new GSize(22, 20);
    iconRed.iconAnchor = new GPoint(6, 20);
    iconRed.infoWindowAnchor = new GPoint(5, 1);

    optsBlue = {   "icon": iconBlue,  "clickable": true,  "labelText": "A",  "labelOffset": new GSize(-6, -10)};
    optsRed = {   "icon": iconRed,  "clickable": true,  "labelText": "A",  "labelOffset": new GSize(-6, -10)};

    var customIcons = [];
    customIcons["hotel"] = iconBlue;
    customIcons["food"] = iconRed;

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(37.599056,-122.366927), 14, G_SATELLITE_MAP);

        map.addOverlay(createMarker(new GLatLng(37.602417,-122.370658),
                                  "San Francisco Airport Marriott Hotel<BR>Allie's American Grill<BR>Starbuck Coffee", "1800 Old Old Bayshore Highway, Burlingame CA", "hotel"));
        map.addOverlay(createMarker(new GLatLng(parseFloat("37.599556"), parseFloat("-122.367439")),
                                  "Elephant Bar and Restaurant", "1600 Old Old Bayshore Highway, Burlingame CA", "food"));
        map.addOverlay(createMarker(new GLatLng(parseFloat("37.599056"),parseFloat("-122.366927")),
				                          "El Torito's", "1590 Old Old Bayshore Highway, Burlingame CA", "food"));
        map.addOverlay(createMarker(new GLatLng(parseFloat("37.601389"),parseFloat("-122.370179")),
				                          "Gulliver's Prime Rib", "1699 Old Bayshore Highway, Burlingame CA", "food"));
        map.addOverlay(createMarker(new GLatLng(parseFloat("37.592658"),parseFloat("-122.363316")),
				                          "Max's Opera Cafe", "1250 Old Bayshore Highway, Burlingame CA","food"));
        map.addOverlay(createMarker(new GLatLng(parseFloat("37.59386"),parseFloat("-122.364")),
				                          "Panda Mongolian Barbecue", "1304 Old Bayshore Highway, Burlingame CA", "food"));
        map.addOverlay(createMarker(new GLatLng(parseFloat("37.594002"),parseFloat("-122.364073")),
				                          "Sizzler", "1310 Old Bayshore Highway, Burlingame CA", "food"));
//        map.addOverlay(createMarker(new GLatLng(parseFloat("37.601389"),parseFloat("-122.370179")),
        map.addOverlay(createMarker(new GLatLng(37.600649,-122.369431),
				                          "Joe's Cafe", "1669 Old Bayshore Highway, Burlingame CA", "food"));
//        map.addOverlay(createMarker(new GLatLng(37.600649,-122.369431),
//				                          "Joe's Cafe", "1669 Old Bayshore Highway, Burlingame CA", "food"));

        document.getElementById("side_bar").innerHTML = side_bar_html;
      }


    }

    function createMarker(point, name, address, type) {
      var marker = new GMarker(point, customIcons[type]);
      var html = "<b>" + name + "</b> <br/>" + address;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      // save the infor needed for side_bar
      gmarkers[i] = marker;
      // add line to side_bar html
      side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br>';
      i++;
      return marker;
    }

    function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
    }