//<![CDATA[
        
    // We store the link text as a variable so we can 
    // restore it later if needed.
    const CONFIGURATION = {
        "center":{"lat":26.470573,"lng":-81.584473},"fullscreenControl":true,"mapTypeControl":true,"streetViewControl":false,"zoom":7,"zoomControl":true,"maxZoom":17, "scaleControl":true};
    let map = new google.maps.Map(document.getElementById("map"), CONFIGURATION);
    let infoWindow = new google.maps.InfoWindow();
    var captionToUse = '';
    /*map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.addControl(new GScaleControl());*/
    function resetMapPosition() {
        map.setCenter(new google.maps.LatLng(26.470573, -81.584473), 7);
    }
    function resetMapLocation(city) {
	if(city == 'houston') {
	    map.setCenter(new google.maps.LatLng(29.763185, -95.361328), 11);
	} else if(city == 'lafayette') {
	    map.setCenter(new google.maps.LatLng(30.216207, -92.023973), 13);
	}
    }
    resetMapPosition();

    /*var baseIcon = new GIcon();
    baseIcon.image = "icons/marker.png";
    baseIcon.shadow = "icons/shadow50.png";
    baseIcon.iconSize = new GSize(20, 34);
    baseIcon.shadowSize = new GSize(37, 34);
    baseIcon.iconAnchor = new GPoint(6, 20);
    baseIcon.infoWindowAnchor = new GPoint(6, 20);*/
    //var baseIcon = new GIcon();
    var baseIcon = {};
    baseIcon.image = "icons/mm_20_red.png";
    //baseIcon.shadow = "icons/mm_20_shadow.png";
    baseIcon.shadow = "";
    /*baseIcon.iconSize = new GSize(12, 20);
    baseIcon.shadowSize = new GSize(22, 20);
    baseIcon.iconAnchor = new GPoint(6, 20);
    baseIcon.infoWindowAnchor = new GPoint(5, 1);*/
    //var newIcon = new GIcon();
    var newIcon = {};
    newIcon.image = "icons/mm_20_green.png";
    //newIcon.shadow = "icons/mm_20_shadow.png";
    newIcon.shadow = "";
    /*newIcon.iconSize = new GSize(12, 20);
    newIcon.shadowSize = new GSize(22, 20);
    newIcon.iconAnchor = new GPoint(6, 20);
    newIcon.infoWindowAnchor = new GPoint(5, 1);*/
    //var appendIcon = new GIcon();
    var appendIcon = {};
    appendIcon.image = "icons/mm_20_purple.png";
    //appendIcon.shadow = "icons/mm_20_shadow.png";
    appendIcon.shadow = "";
    /*appendIcon.iconSize = new GSize(12, 20);
    appendIcon.shadowSize = new GSize(22, 20);
    appendIcon.iconAnchor = new GPoint(6, 20);
    appendIcon.infoWindowAnchor = new GPoint(5, 1);*/



    var info = document.getElementById("info");

    // TODO - maybe make this one array of objects?
    var markerArray = new Array();
    var markerTitles = new Array();
    var markerPointsArray = new Array();
    var markerCallbacks = new Array();
    var markersShown = new Array();
    var markerLength = 0;
    var tagToCountTable = {};
    
    var bAddMarker = false;
    var bAppendMarker = false;

    function encodeMyHtml(rawText) {
     encodedHtml = escape(rawText);
     encodedHtml = encodedHtml.replace(/\//g,"%2F");
     encodedHtml = encodedHtml.replace(/\?/g,"%3F");
     encodedHtml = encodedHtml.replace(/=/g,"%3D");
     encodedHtml = encodedHtml.replace(/&/g,"%26");
     encodedHtml = encodedHtml.replace(/@/g,"%40");
     return encodedHtml;
   } 

    function myEncodeURI(source) {
        // Do the javascript thing, but encode a space as a +
        var nextSpace = source.indexOf(' ');
        while (nextSpace != -1) {
            source = source.substring(0, nextSpace) + "+" + source.substring(nextSpace+1);
            nextSpace = source.indexOf(' ');
        }
        return encodeURI(source);
    }

    function createMarker(point, caption, index, isNew, isAppend) {
        if (isAppend) {
            var marker = new google.maps.Marker({map: map, position: point, icon: appendIcon.image});
        } else {
            if (isNew) {
            var marker = new google.maps.Marker({map: map, position: point, icon: newIcon.image});
            } else {
            var marker = new google.maps.Marker({map: map, position: point, icon: baseIcon.image});
            }
        }

        // Show this marker's index in the info window when it is clicked
        google.maps.event.addListener(marker, "click", function() {
		if (!bAppendMarker) {
            infoWindow.setContent(caption);
            infoWindow.open(map, marker);
		    //marker.openInfoWindowHtml(caption);
		} else {
		    //alert("Got click in marker listener");
		    addMarker(point.x, point.y, true);
		}
                });

        markerCallbacks[index] = function() {
            // TODO - hmm, this locks up, basically.  Hmm.
            //map.recenterOrPanToLatLng(markerArray[index]);
            //markerArray[index].openInfoWindowHtml(caption);
            infoWindow.setContent(caption);
            infoWindow.open(map, markerArray[index]);
        }

        return marker;
    }

    function setupCaptionText(text) {
	if (text != '') {
            captionToUse = text;
	} else {
            bAddMarker = false;
	    bAppendMarker = false;
        }
    }
    function addMarkerOverlay(overlay) {
	// TODO - is this guy used?
	addMarker(overlay.x, overlay.y, true);
    }
    function addMarker(xCoord, yCoord, tryAppend) {
	//alert("addMarker: append=" + tryAppend + " bAdd=" + bAddMarker + " x=" + xCoord);
        if (bAddMarker || bAppendMarker) {
            //var markerText = prompt('Enter text for the marker: ', '');
             
            /*var latElement = document.getElementById("addLat");
            var latText = document.createTextNode(xCoord);
            latElement.appendChild(latText);
            var lngElement = document.getElementById("addLng");
            var lngText = document.createTextNode(yCoord);
            lngElement.appendChild(lngText);
            var descriptionElement = document.getElementById("addDescription");
            var descText = document.createTextNode(markerText);
            descriptionElement.appendChild(descText);
            descriptionElement.onchange();*/
            //var addCaptionElem = document.getElementById("addDescription");
	    var postString = "lng=" + xCoord + "&lat=" + yCoord + "&desc=" + encodeMyHtml(captionToUse); 
	    if (tryAppend) {
		postString = postString + "&append=1";
	    }
            captionToUse = '';
            //alert("url is: " + urlToGet);
            // TODO - hacky, we should be using POST but I'm tired.
            var requestAdd = GXmlHttp.create();
            requestAdd.open("POST", "wilmaadder.php", false);
	    requestAdd.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
            requestAdd.send(postString); 
            bAddMarker = false;
	    bAppendMarker = false;
	    //sleep(1);
            //window.setTimeout('refreshMap()', 1000);
            //window.setTimeout('window.location.reload(true)', 2000);
	    //refreshMap();
	    window.location.reload(true);
        }
    }

    var bDoubleClickHappened = false;
    var bIsIE;
    if (navigator.appName == 'Microsoft Internet Explorer'){
        document.ondblclick = handleDblClick;
        bIsIE = true;
    } else {
        window.ondblclick = handleDblClick;
        bIsIE = false;
    }
  
    function handleDblClick(e) {
        bDoubleClickHappened = true;
    }  

    /*GEvent.addListener(map, "moveend", function() {
        if (bDoubleClickHappened) {
            addMarker(map.getCenterLatLng().x, map.getCenterLatLng().y);
            bDoubleClickHappened = false;
        }
    });*/

    google.maps.event.addListener(map, "click", function(overlay, point) {
        if(overlay) {
            ;
	    //addMarkerOverlay(overlay)
        }
        else if(point) {
	    if (bAddMarker) {
    		addMarker(point.x, point.y, false);
	    }
        }
	// if we get a click, get out of add/append mode.
	bAddMarker = false;
	bAppendMarker = false;
    });

    function refreshMap() {
        fetch(xmlFileName + "?" + Math.random())
            .then(response => response.text())
            .then(str => (new window.DOMParser()).parseFromString(str, "text/xml"))
            .then(xmlDoc => { 
                var markers = xmlDoc.documentElement.getElementsByTagName("marker");
                markerLength = markers.length;
                for (var i = 0; i < markers.length; i++) {
                    markerPointsArray[i] = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")),
                            parseFloat(markers[i].getAttribute("lng")));
                    var captionText = "<div style=\"width: 410px;\">" + markers[i].getAttribute("caption") + "</div>";
                    markerArray[i] = createMarker(markerPointsArray[i], captionText, i, ((markers.length - i) < 50), (captionText.indexOf("<br><br>") >= 0));
                    //map.addOverlay(markerArray[i]);
                    // Get rid of <br/>'s in text.
                    //var captionPart = document.createTextNode(" - " + captionText.replace(/<br\/>/g, " "));
                }
            });


    // Fix found at http://groups.google.com/group/Google-Maps-API/browse_thread/thread/efe6fa8a28307cbd/42ff2c27f3541f20?q=IE+cache+XML&rnum=2#42ff2c27f3541f20
    /*request.open("GET", xmlFileName + "?" + Math.random(), true);
    request.onreadystatechange = function() {
        if (request.readyState == 4) {
            //alert("Status is: " + request.status);
            var xmlDoc = request.responseXML;
            var markers = xmlDoc.documentElement.getElementsByTagName("marker");
            markerLength = markers.length;
            for (var i = 0; i < markers.length; i++) {
                markerPointsArray[i] = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                        parseFloat(markers[i].getAttribute("lng")));
                var captionText = "<div style=\"width: 410px;\">" + markers[i].getAttribute("caption") + "</div>";
                markerArray[i] = createMarker(markerPointsArray[i], captionText, i, ((markers.length - i) < 50), (captionText.indexOf("<br><br>") >= 0));
                map.addOverlay(markerArray[i]);
                // Get rid of <br/>'s in text.
                //var captionPart = document.createTextNode(" - " + captionText.replace(/<br\/>/g, " "));

            }
        } 
    }
    request.send(null);*/
    }
    refreshMap();
    //]]>