function initialize() {
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("MapCanvas"));
        map.removeMapType(G_SATELLITE_MAP);
        map.removeMapType(G_HYBRID_MAP);
        map.setCenter(new GLatLng(30.2669444, -97.7427778), 10);

        map.addControl(new GMapTypeControl());
        map.addControl(new GSmallMapControl());

        var baseIcon = new GIcon(G_DEFAULT_ICON);
        baseIcon.iconSize = new GSize(34, 53);

        function createMarker(latlng, number, active) {
            var letteredIcon = new GIcon(baseIcon);
            if (active == false) {
                letteredIcon.image = "/assets/pin.png";
            }
            else {
                letteredIcon.image = "/assets/pin_active.png";
            }

            // Set up our GMarkerOptions object
            markerOptions = { icon: letteredIcon };
            var marker = new GMarker(latlng, markerOptions);
            marker.value = number;
            GEvent.addListener(marker, "click", function() {
                ShowNeighborhoodInfo(number);
                map.removeOverlay(marker);
                map.addOverlay(createMarker(marker.getLatLng(), number, true));

                var MarkerArray = new Array();
                MarkerArray[0] = createMarker(new GLatLng(30.366667, -97.94839), 1, false);
                MarkerArray[1] = createMarker(new GLatLng(30.245673, -97.768836), 3, false);
                MarkerArray[2] = createMarker(new GLatLng(30.296171, -97.738954), 4, false);
                MarkerArray[3] = createMarker(new GLatLng(30.354241, -97.77427), 5, false);
                MarkerArray[4] = createMarker(new GLatLng(30.347991, -97.800895), 6, false);
                MarkerArray[5] = createMarker(new GLatLng(30.324826, -97.738954), 7, false);
                MarkerArray[6] = createMarker(new GLatLng(30.401356, -97.752535), 8, false);
                MarkerArray[7] = createMarker(new GLatLng(30.295271, -97.991986), 9, false);
		        MarkerArray[8] = createMarker(new GLatLng(30.432242, -97.714515), 10, false);
		        MarkerArray[9] = createMarker(new GLatLng(30.085926, -97.850395), 11, false);
		        MarkerArray[10] = createMarker(new GLatLng(30.245772, -97.754234), 12, false);
		        MarkerArray[11] = createMarker(new GLatLng(30.328805, -97.725105), 13, false);
		        MarkerArray[12] = createMarker(new GLatLng(30.401431, -97.76198), 14, false);
		        MarkerArray[13] = createMarker(new GLatLng(30.24644, -97.786807), 15, false);
		        MarkerArray[14] = createMarker(new GLatLng(30.127461, -97.730807), 16, false);
		        MarkerArray[15] = createMarker(new GLatLng(30.518423, -97.709085), 17, false);
		        MarkerArray[16] = createMarker(new GLatLng(30.168207, -97.81776), 18, false);
		        MarkerArray[17] = createMarker(new GLatLng(30.328583, -97.755833), 19, false);
		        MarkerArray[17] = createMarker(new GLatLng(30.305571, -97.725376), 20, false);
		        
                for (var i = 0; i < MarkerArray.length; i++) {
                    if (marker.value != MarkerArray[i].value) {
                        map.removeOverlay(MarkerArray[i]);
                        map.addOverlay(MarkerArray[i]);
                    }
                }
            });

            return marker;
        }

        map.addOverlay(createMarker(new GLatLng(30.366667, -97.94839), 1, false));
        map.addOverlay(createMarker(new GLatLng(30.245673, -97.768836), 3, false));
        map.addOverlay(createMarker(new GLatLng(30.296171, -97.738954), 4, false));
        map.addOverlay(createMarker(new GLatLng(30.354241, -97.77427), 5, false));
        map.addOverlay(createMarker(new GLatLng(30.347991, -97.800895), 6, false));
        map.addOverlay(createMarker(new GLatLng(30.324826, -97.738954), 7, false));
        map.addOverlay(createMarker(new GLatLng(30.401356, -97.752535), 8, false));
        map.addOverlay(createMarker(new GLatLng(30.295271, -97.991986), 9, false));
	    map.addOverlay(createMarker(new GLatLng(30.432242, -97.714515), 10, false));
	    map.addOverlay(createMarker(new GLatLng(30.085926, -97.850395), 11, false));
	    map.addOverlay(createMarker(new GLatLng(30.245772, -97.754234), 12, false));
	    map.addOverlay(createMarker(new GLatLng(30.328805, -97.725105), 13, false));
	    map.addOverlay(createMarker(new GLatLng(30.401431, -97.76198), 14, false));
	    map.addOverlay(createMarker(new GLatLng(30.24644, -97.786807), 15, false));
	    map.addOverlay(createMarker(new GLatLng(30.127461, -97.730807), 16, false));
	    map.addOverlay(createMarker(new GLatLng(30.518423, -97.709085), 17, false));
	    map.addOverlay(createMarker(new GLatLng(30.168207, -97.81776), 18, false));
	    map.addOverlay(createMarker(new GLatLng(30.328583, -97.755833), 19, false));
	    map.addOverlay(createMarker(new GLatLng(30.305571, -97.725376), 20, false));
    }
}

function ShowNeighborhoodInfo(pid) {
    var details = document.getElementById("NeighborhoodDetails");
    var url = '/portfolio/neighborhood/info.aspx?pid=' + pid;
    GDownloadUrl(url, function(data, responseCode) {
        details.innerHTML = data;
        $('#slider').easySlider();
    });
}