// GOOGLE MAP
if (GBrowserIsCompatible()) {

    var gmarkers = [];
    var gicons = [];

    // ICON SIZE
	var baseIcon = new GIcon();
	baseIcon.image = "images/tcb_pin.png";
    baseIcon.iconSize = new GSize(26, 26);
    baseIcon.shadow = "images/shadow-tcb_pin.png";
	baseIcon.shadowSize = new GSize(40.0, 26.0);
	baseIcon.iconAnchor = new GPoint(13.0, 13.0);
    baseIcon.infoWindowAnchor = new GPoint(20, 2);

    // Set up our GMarkerOptions object
    markerOptions = {
        icon: baseIcon
    };

    // A function to create the marker and set up the event window
    function createMarker(point, pos, html) {
		
        var marker = new GMarker(point, baseIcon);
        GEvent.addListener(marker, "click", function () {
            marker.openInfoWindowHtml(html);

        });
        gmarkers.push(marker);
        return marker;
    }


    // create the map

    var map = new GMap2(document.getElementById("map"), {
        size: new GSize(710, 400)
    });
	
	var topLeft = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(40,10));
	var topLeft2 = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(10,12));
    map.addControl(new GSmallZoomControl(), topLeft2);
	map.addControl(new GMenuMapTypeControl(), topLeft);
	
    map.setMapType(G_NORMAL_MAP);
    map.setCenter(new GLatLng(37.860906,-122.291443), 13);

    var point = new GPoint(37.859378,-122.291544);
    var marker = new GMarker(new GLatLng(37.859378,-122.291544), markerOptions);
	
    map.addOverlay(marker);

			var pos=1;
            var lat = 37.859378;
            var lng = -122.291544;
            var point = new GLatLng(lat, lng);

            // INFO WINDOW
            var html = "<div style='background-color: #FFF; overflow: hidden; height: 130px; width: 310px;'><table cellspacing='0' cellpadding='0' class='tcb_info'><tr><td valign='middle' align='center' style='height='130' width='310'><img src='images/logo_TCBmap.gif'><br><p>2560 9th Street, #119 &bull; Berkeley, CA 94710<br>415.422.9933 &bull; <a href='mailto:andreas@taichichuanberkeley.com' style='text-decoration: none;'>andreas@taichichuanberkeley.com</a></td></tr></table></div>";

            // create the marker
            var marker = createMarker(point, pos, html);
 
            map.addOverlay(marker);
			// DISABLE INFOWINDOW SHADOW
			//map.getPane(G_MAP_FLOAT_SHADOW_PANE).style.visibility="hidden"; 
			marker.openInfoWindowHtml(html);
}

else {
    alert("Sorry, the Google Maps API is not compatible with this browser");
}