﻿       
        var points = '';
        var gmarkers = [];
        
        function loadMap() {
            if (GBrowserIsCompatible()) {
                //Gets the JSON data
                var dataPoints = createDataPoints("", "");
                var myDataSource = createDataSource(dataPoints);
                var myData = myDataSource.liveData;	            
	            
	            var marker;
	            var mapScale = myData[0].GoogleMapScale;
	            var CityLatitude = myData[0].CityLatitude;
	            var CityLongitude = myData[0].CityLongitude;
	            
	            var map = new GMap2(document.getElementById("map"));
	            map.addControl(new GLargeMapControl());
	            map.addControl(new GMapTypeControl());
	            map.setCenter(new GLatLng(CityLatitude, CityLongitude), mapScale);
	            
                var baseIcon = new GIcon(G_DEFAULT_ICON);
                baseIcon.shadow = "http://www.billclarkhomes.com/images/icons/googlemap/" + "MapMarkerShadow.gif";
                baseIcon.iconSize = new GSize(30, 30);
                baseIcon.shadowSize = new GSize(1, 1); 
                baseIcon.iconAnchor = new GPoint(9, 34); 
                baseIcon.infoWindowAnchor = new GPoint(9, 2);

                for (i = 0; i < myData.length; i++) {
                    html = "<div class='CityBubble'>"
		            html += createURLString(myData[i].link, myData[i].CommunityName);

		            if (myData[i].ImgURL != null) {
		                html += GetImgTag(myData[i].ImgURL, myData[i].PhotoTitle, myData[i].PhotoHeight, myData[i].PhotoWidth);
		            }
		            
		            html += "<p>" + getFirstFeature(myData[i].Features) + "<br/>";
		            html += parsePriceRange(myData[i].LowPriceRange).replace("From", " from") + "</p>"

		            html += GetSQFTMarkup(myData[i].LowSquareFeet, myData[i].HighSquareFeet)

		            html += "</div>"
		            
		            marker = createMarker(new GLatLng(myData[i].Latitude, myData[i].Longitude), html, baseIcon, myData[i].CommunityID, i + 1);
	                map.addOverlay(marker);
	                gmarkers.push(marker);
	            }
      	    
		    }
        }

        function createMarker(point, html, baseIcon, commID, currentPosition) {
            var numberedIcon = new GIcon(baseIcon);
            numberedIcon.image = "http://www.billclarkhomes.com/images/icons/googlemap/MapMarker" + currentPosition + ".gif";
            markerOptions = { icon: numberedIcon };
            var marker = new GMarker(point, markerOptions);
            marker.html = html;
            
            GEvent.addListener(marker, "mouseover", function() {
                marker.openInfoWindowHtml(marker.html);
                marker.showMapBlowup
                HighlightCommunityInList(commID, html, currentPosition);
            });
            
            return marker;
        }

        function HighlightCommunityInList(commID, html, currentPosition) {
            var ndeLIListCommunity = YAHOO.util.Dom.get("CommunityID" + commID);

            //YAHOO.util.Dom.removeClass(YAHOO.util.Dom.getChildren(ndeLIListCommunity.parentNode), "Highlight");
            //YAHOO.util.Dom.addClass(ndeLIListCommunity, "Highlight");

        }

        var ShowInfoWindow = function(e, i) {
            GEvent.trigger(gmarkers[i], "mouseover")
        }