source: main/trunk/greenstone3/web/interfaces/default/js/map-scripts.js@ 33143

//var newLat, newLng = 0;
var _docList = new Array();
_docList.ids = new Array();
_docList.getDocByIndex = function(index)
{
    return _docList[_docList.ids[index]];
};

var _map;
var _intervalHandle;
var _baseURL = document.URL.substring(0, document.URL.indexOf("?") + 1);
var _retrievedClassifiers = new Array();
var _preventLoopingSingleMarker = false;
var _searchRunning = false;
var _nearbyDocs = new Array();
var _scrollThroughDefault = true;

function initializeMapScripts() 
{
    modifyFunctions();
    setUpMap();
    
    var jsonNodeDiv = $("#jsonNodes");
    if(jsonNodeDiv.length)
    {
        //console.log("@@@ JSON node div html: " + jsonNodeDiv.html());
        var jsonNodes = eval(jsonNodeDiv.html());
        
        if(jsonNodes && jsonNodes.length > 0)
        {
            for(var i = 0; i < jsonNodes.length; i++)
            {
                _docList[jsonNodes[i].nodeID] = jsonNodes[i];
                _docList.ids.push(jsonNodes[i].nodeID);             
                createMarkers(jsonNodes[i], true);
            }
            updateMap();
        }
        else
        {
            //hiding the map
            //$("#map_canvas").css({visibility:"hidden", height:"0px"});
            $("#map_canvas").css({visibility:"hidden"}); // if you comment this out, add a log message saying "suppressing hiding map"
        }
    }
    
    _docList.loopIndex = 0;
    
    if(_docList.ids.length > 1)
    {
        var startStopCheckbox = $("<input>", {"type": "checkbox", "checked": _scrollThroughDefault, "id": "scrollCheckbox"});
        startStopCheckbox.click(function()
        {
            // http://stackoverflow.com/questions/901712/how-to-check-if-a-checkbox-is-checked-in-jquery
            // http://stackoverflow.com/questions/5270689/attrchecked-checked-does-not-work
        
            if($('#scrollCheckbox').is(':checked')) // OR: if(document.getElementById('scrollCheckbox').checked)
            {           
                if(_intervalHandle == null)
                {
                    _intervalHandle = setInterval(loopThroughMarkers, 2000);
                }
            }
            else
            {
                clearInterval(_intervalHandle);
                _intervalHandle = null;
            }
        });
        
        var label = $("<span>Scroll through places</span>");
        var container = $("<div>", {"class": "ui-widget-header ui-corner-all", "style": "clear:right; float:right; padding:0px 5px 3px 0px;"});
        container.append(startStopCheckbox);
        container.append(label);

        $(container).insertAfter("#map_canvas");

        if (_scrollThroughDefault) {
        _intervalHandle = setInterval(loopThroughMarkers, 2000);
        }
        
    }
}

function setUpMap()
{
    //alert("@@@@in map-scripts::setUpMap()");
    
    var myOptions = 
        {
        zoom: 2,
        center: new google.maps.LatLng(0, 0),
        mapTypeId: google.maps.MapTypeId.HYBRID
    };
    var $map_canvas = $("#map_canvas");
    
    if ($map_canvas.length > 0) {
        _map = new google.maps.Map($map_canvas[0], myOptions);
        google.maps.event.addListener(_map, 'bounds_changed', performSearchForMarkers);
    }
}

function performSearchForMarkers()
{
    if(_searchRunning)
    {
        return;
    }
    
    
    
    _searchRunning = true;
    
    var bounds = _map.getBounds();
    
    var neLat = bounds.getNorthEast().lat();
    var neLng = bounds.getNorthEast().lng();
    var swLat = bounds.getSouthWest().lat();
    var swLng = bounds.getSouthWest().lng();
    
    var latDistance = neLat - swLat;
    var lngDistance = neLng - swLng;
    
    //Check which increment to use for latitude (i.e. 0.001, 0.01, 0.1 or 1 degree increments)
    var latDelta;
    var latPrecision;
    for(var i = 3; i >= 0; i--)
    {
        latDelta = (1 / Math.pow(10, i));
        if((latDistance / latDelta) <= 5 || latDelta == 1)
        {
            latPrecision = i;
            break;
        }
    }
    
    //Check which increment to use for longitude (i.e. 0.001, 0.01, 0.1 or 1 degree increments)
    var lngDelta;
    for(var i = 3; i >= 0; i--)
    {
        lngDelta = (1 / Math.pow(10, i));
        if((lngDistance / lngDelta) <= 5 || lngDelta == 1)
        {
            lngPrecision = i;
            break;
        }
    }

    if(latDelta == 0.1){latDelta = 1; latPrecision = 0; }
    if(lngDelta == 0.1){lngDelta = 1; lngPrecision = 0; }
    
    /*
    var query = "";
    for(var i = 0; i <= Math.floor(latDistance / latDelta) + 1; i++)
    {
        for(var j = 0; j <= Math.floor(lngDistance / lngDelta) + 1; j++)
        {
            //Some necessary variables
            var newLat = neLat - (latDelta * i);
            var newLatString = "" + newLat;
            var newLatTrunc;
            if(newLat < 0){newLatTrunc = Math.ceil(newLat);}
            else{newLatTrunc = Math.floor(newLat);}
            
            var newLng = neLng - (lngDelta * j);
            var newLngString = "" + newLng;
            var newLngTrunc;
            if(newLng < 0){newLngTrunc = Math.ceil(newLng);}
            else{newLngTrunc = Math.floor(newLng);}

            //Construct query
            query += "(";
            query += "LA:" + coordToAbsDirected(newLatTrunc, "lat");
            if(latDelta != 1)
            { 
                query += "+AND+";
                query += "LA:" + newLatString.substring(newLatString.indexOf(".") + 1, newLatString.indexOf(".") + latPrecision + 1);
            }
            query += "+AND+";
            query += "LN:" + coordToAbsDirected(newLngTrunc, "lng");
            if(lngDelta != 1)
            { 
                query += "+AND+";
                query += "LN:" + newLngString.substring(newLngString.indexOf(".") + 1, newLngString.indexOf(".") + lngPrecision + 1);
            }
            query += ")";

            if(i != (Math.floor(latDistance / latDelta) + 1) || j != (Math.floor(lngDistance / lngDelta) + 1)){ query += "+OR+"; }
        }
    }
    */
    var query = "";
    var iMax = Math.floor(latDistance / latDelta) + 1;
    var jMax = Math.floor(lngDistance / lngDelta) + 1;;
    for(var i = 0; i <= iMax; i++) //for(var i = 0; i <= Math.floor(latDistance / latDelta) + 1; i++)
    {
        for(var j = 0; j <= jMax; j++) //for(var j = 0; j <= Math.floor(lngDistance / lngDelta) + 1; j++)
        {
            //Some necessary variables
            var newLat = neLat - (latDelta * i);
            var newLatString = "" + newLat;
            var newLatTrunc;
            if(newLat < 0){newLatTrunc = Math.ceil(newLat);}
            else{newLatTrunc = Math.floor(newLat);}
            
            var newLng = neLng - (lngDelta * j);
            var newLngString = "" + newLng;
            var newLngTrunc;
            if(newLng < 0){newLngTrunc = Math.ceil(newLng);}
            else{newLngTrunc = Math.floor(newLng);}

            //Construct query
            query += "(";
            query += "CS:\"" + coordToAbsDirected(newLatTrunc, "lat");
            //query += "CS:\"" + coordToAbsDirected(newLatTrunc, "lat") + "\" \"" + coordToAbsDirected(newLngTrunc, "lng") + "\""; //query += "LA:" + coordToAbsDirected(newLatTrunc, "lat");
            if(latDelta != 1)
            { 
                query += newLatString.substring(newLatString.indexOf(".") + 1, newLatString.indexOf(".") + latPrecision + 1);
            }
            query += " ";
            //query += "+AND+";
            
            //query += "LN:" + coordToAbsDirected(newLngTrunc, "lng");
            query += coordToAbsDirected(newLngTrunc, "lng");
            if(lngDelta != 1)
            { 
                query += newLngString.substring(newLngString.indexOf(".") + 1, newLngString.indexOf(".") + lngPrecision + 1);
            }
            query += "\"";          
            query += ")";

            //if(i != (Math.floor(latDistance / latDelta) + 1) || j != (Math.floor(lngDistance / lngDelta) + 1)){ query += "+OR+"; }
            if(i != iMax || j != jMax){ query += "+OR+"; }
        }
    }
    
    // This works, why not from the double loop above?
    //query = "(CS:\"" + coordToAbsDirected(newLatTrunc, "lat") + " " + coordToAbsDirected(newLngTrunc, "lng") + "\")"; 
    //alert("@@@@in map-scripts::performSearchForMarkers() - query: " + query);
    
    //var url = gs.xsltParams.library_name + "?a=q&s=RawQuery&rt=rd&c=" + gs.cgiParams.c + "&s1.rawquery=" + query + "&excerptid=jsonNodes";
    var url = gs.xsltParams.library_name;
    var data = "a=q&s=RawQuery&rt=rd&c=" + gs.cgiParams.c + "&s1.rawquery=" + query + "&excerptid=jsonNodes";
    $.ajax({type:"POST", url:url, data:data})
    .success(function(responseText)
    {
        //console.log("*** responseText (first 250) = " + responseText.substring(0,256));
        
        if(responseText.search("id=\"jsonNodes") != -1)
        {
            var startIndex = responseText.indexOf(">");
            var endIndex = responseText.indexOf("</");

            //console.log("@@@@ performSearch, got response: " + responseText);

            var jsonNodes = eval(responseText.substring(startIndex+1, endIndex));
            if(jsonNodes && jsonNodes.length > 0)
            {
                for(var i = 0; i < jsonNodes.length; i++)
                {
                    var doc = jsonNodes[i];
                    
                    var found = false;
                    for(var j = 0; j < _docList.ids.length; j++){if(doc.nodeID == _docList.ids[j]){found = true; break;}}
                    
                    if(!found)
                    {
                        _docList[doc.nodeID] = doc;
                        _docList.ids.push(doc.nodeID);

                        createMarkers(doc, false);
                    }
                }
            }
        }
        else
        {
            console.log("No JSON information received");
        }
        
        _searchRunning = false;
    }).fail(function(responseText, textStatus, errorThrown) // fail() has replaced error(), http://api.jquery.com/jquery.ajax/
        {
            console.log("In map-scripts.performSearchForMarkers(): Got an error in ajax call");
            _searchRunning = false;
    });
}

function coordToAbsDirected(coord, type)
{
    var value = "" + coord;
    if(coord < 0)
    {
        value = value.substring(1);
        if(type == "lat")
        {
            value += "S";   
        }
        else
        {
            value += "W";
        }
    }
    else
    {
        if(type == "lat")
        {
            value += "N";   
        }
        else
        {
            value += "E";
        }
    }
    
    return value;
}

function updateMap()
{
    var markersOnMap = 0;
    var bounds =  new google.maps.LatLngBounds();
    for(var i = 0; i < _docList.ids.length; i++)
    {
        var doc = _docList.getDocByIndex(i);
        if(doc.parentCL && doc.parentCL.style.display == "none")
        {
            if(doc.shapes) {
                for(var x = 0; x < doc.shapes.length; x++) {
                    doc.shapes[x].setVisible(false);
                }
                markersOnMap = doc.shapes.length;
            } else {
                doc.marker.setVisible(false);
            }
            continue;
        }
        else
        {
            if(doc.shapes) {
                for(var x = 0; x < doc.shapes.length; x++) {
                    doc.shapes[x].setVisible(true);
                }
                markersOnMap = doc.shapes.length;
            } else {
                doc.marker.setVisible(true);
            }
            markersOnMap++; // TODO: what do we do with this when we have shapes. This variable may be connected with centring the map?
        }

        
        if(doc.coords) {
            for(var x = 0; x < doc.coords.length; x++) {
                var coord = doc.coords[x];
                var coordInfo = getLatLngForCoord(doc.coords[x]);
                bounds.extend(new google.maps.LatLng(coordInfo.lat, coordInfo.lng));
            }
        }
        else {
            bounds.extend(new google.maps.LatLng(doc.lat, doc.lng));
        }
    }
    
    if(markersOnMap > 1)
    {
        //alert("@@@@ fitting bounds, current zoom is: " + _map.getZoom());         
    _map.fitBounds(bounds);
    } else if (markersOnMap == 1) {
    // sometimes a single point bounds are too small for the map to display, so use center and zoom instead of fitbounds.
    _map.setCenter(bounds.getCenter());
    _map.setZoom(18); // arbitrary value that looked nice for my example
    }
}

function getLatLngForCoord(coord) {
    
    // https://stackoverflow.com/questions/2559318/how-to-check-for-an-undefined-or-null-variable-in-javascript
    if(!coord) {
         // some_variable is either null, undefined, 0, NaN, false, or an empty string
        console.log("@@@@ In map-scripts::getLatLngForCoord(): no or invalid coord info");
        return null;
    }
    
    // coord is of the form: "37S77 157E53"
    // lat will be 37S77, lng 157E53.
    var indexOfSpace = coord.indexOf(" ");
    if(indexOfSpace === -1) {
        console.log("@@@@ In map-scripts::getLatLngForCoord(): bad format for coord  " + coord);
        return null;
    }
    var latitude = coord.substring(0, indexOfSpace);
    var longitude = coord.substring(indexOfSpace+1);
    return {lat: latitude, lng: longitude}; // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects
}

function loopThroughMarkers()
{
    if(_docList.ids.length == 0)
    {
        return;
    }
    
    var visibleMarkers = new Array();
    for(var i = 0; i < _docList.ids.length; i++)
    {
        var doc = _docList.getDocByIndex(i);
        if(doc.marker.getVisible())
        {
            visibleMarkers.push(doc);
        }
    }
    
    if(visibleMarkers.length < 2)
    {
        clearAllInfoBoxes();
        return;
    }

    clearAllInfoBoxes();
    
    var elem = null;
    while(!elem)
    {
        if(_docList.loopIndex >= visibleMarkers.length)
        {
            _docList.loopIndex = 0;
        }

        var doc = visibleMarkers[_docList.loopIndex];
        var elem = gs.jqGet("div" + doc.nodeID);
        if(elem.length)
        {
            elem.css("background", "#BBFFBB");
            setTimeout(function(){elem.css("background", "");}, 2000);
        }
        _docList.loopIndex++;
    }
    doc.marker.markerInfo.open(_map, doc.marker);
}

// Unused at present, called by draggableCreateMarker
// Map used to have editable markers. Now editable markers are restricted to the map-editor.
function attachDraggableClickHandler(marker, nodeID)
{   
    google.maps.event.addListener(marker, 'click', function()
    {
        document.location.href = gs.xsltParams.library_name + "?a=d&ed=1&c=" + gs.cgiParams.c + "&d=" + nodeID + "&dt=hierarchy&p.a=b&p.sa=&p.s=ClassifierBrowse";
        
    });
    
    if (("docEdit" in gs.cgiParams) && (gs.cgiParams['docEdit'])) {
        google.maps.event.addListener(marker, 'mouseup', function()
        {
            var lat = marker.getPosition().lat();
            var lng = marker.getPosition().lng();
            var collection = gs.cgiParams.c;
            var site_name = gs.xsltParams.site_name;
            
            if (nodeID == "") {
                nodeID = gs.cgiParams.d;
            }
            console.log("GPS Click handler in collection:" + collection + " in site: " + site_name + " for Doc: " + nodeID + "(" + lat + "," + lng + ")");
            
            var callbackFunction = function(){console.log("Completed saving metadata changes. You must rebuild the collection for the changes to take effect.");};
    
            // set 5th parameter, metapos (metadata position) or 7th param prevMetaValue (previous metadata value) to non-null if you want metamode=override to work
            // if neither of these 2 are set, then metamode is changed to 'accumulate' instead.
            gs.functions.setArchivesMetadata(collection, site_name, nodeID, "Latitude", null, lat, null, "override", function(){callbackFunction();});
            gs.functions.setArchivesMetadata(collection, site_name, nodeID, "Longitude", null, lng, null, "override", function(){callbackFunction();});
            gs.functions.setArchivesMetadata(collection, site_name, nodeID, "Coordinate", null, lat + " " + lng, null, "override", function(){callbackFunction();});
            console.log("NodeID: " + nodeID);
            console.log("GPS Click handler in collection:" + collection + " in site: " + site_name + " for Doc: " + nodeID + "(" + lat + "," + lng + ")");
        });
    }
}

function focusDocument(id)
{
    var doc = _docList[id];
    if(doc)
    {
        clearInterval(_intervalHandle);
        _intervalHandle = null;
        if(doc.coords) {
            for(var x = 0; x < doc.coords.length; x++) {
                var coord = doc.coords[x];
                var coordInfo = getLatLngForCoord(doc.coords[x]);
                _map.panTo(new google.maps.LatLng(coordInfo.lat, coordInfo.lng));
            }
        } else {
            _map.panTo(new google.maps.LatLng(doc.lat, doc.lng));
        }
        clearAllInfoBoxes();
        doc.marker.markerInfo.open(_map, doc.marker);
        var scrollCheckbox = $("#scrollCheckbox");
        if(scrollCheckbox.checked)
        {
            scrollCheckbox.checked = false;
        }
    }
}

function clearAllInfoBoxes()
{
    for(var i = 0; i < _docList.ids.length; i++)
    {
        var doc = _docList.getDocByIndex(i);
        doc.marker.markerInfo.close();
    }
}

function createMarkers(doc, mainMarker) {   
    if(doc.mapoverlay) {
        //console.log("Have shapes: " + doc.mapoverlay.toString());
        createShapes(doc, mainMarker);
    } else { // backwards compatible to deal with Lat and Lng meta stored for doc
        pos = new google.maps.LatLng(doc.lat,doc.lng);
        createMarker(doc, pos, mainMarker);
    }
}

function addInfoMarker(doc, shape) {
    
    if(!shape.description) {
        //console.log("@@@@ " + shape.type.toString() + " had no description/label");
        return;
    }
    
    // else add an InfoWindow for this shape using the label (shape.description)
    
    // https://developers.google.com/maps/documentation/javascript/infowindows
    // An InfoWindow's "position contains the LatLng at which this info window is anchored.
    // Note: An InfoWindow may be attached either to a Marker object (in which case its position is based on the marker's location)
    // or on the map itself at a specified LatLng. Opening an info window on a marker will automatically update the position."
    var infoWindow = new google.maps.InfoWindow({content:shape.description}); // NOTE: if not setting content or position properties
            // inside this constructor, need to call setContent/setPosition to set them
    
    if(shape.type === google.maps.drawing.OverlayType.MARKER) {
        var marker = shape;
        marker.addListener('mouseover', function() {
          infoWindow.open(_map, marker);
        });
        marker.addListener('mouseout', function() {
            infoWindow.close();
        });
        attachClickHandler(marker, doc.nodeID); // do what the original code used to do here
    }
    else {
        var coord = ShapesUtil.getLabelCoordinate(shape);       
        console.log("Coord for " + shape.type.toString() + " is " + coord.toString());
        infoWindow.setPosition(coord);
        shape.addListener('mouseover', function() {
            infoWindow.open(_map);
        });
        shape.addListener('mouseout', function() {
            infoWindow.close();
        });
        attachClickHandler(shape, doc.nodeID); // as above      
    }
}

// This function will create Google Shapes/Overlays and markers out of a given doc JSONNode's doc.mapOverlay
// (doc.mapOverlay shapes are stored as an array of JSON) and store the shapes/overlays in the doc.shapes array.
// Note: doc.coords are just an array of all the coordinates in a doc, not indicating to which shapes they belong.
// They're only **for searching** - for seaching which coords (hence docs) are in a map.
// Param mainMarker: if set to true, marker is red. If false, marker is blue
function createShapes(doc, mainMarker)
{   
    // for doc.shapes: don't store JSON anymore, convert them to google Shapes overlays and store them instead
    doc.shapes = [];
    for (var i=0; i<doc.mapoverlay.length; i++) {
        var shape = ShapesUtil.JSONToShape(doc.mapoverlay[i]);      
        doc.shapes[i] = shape;      
        shape.setMap(_map);
        shape["title"] = doc.title;
        
        // Unset editable and draggable properties of shape
        // And for markers, which are initialised to clickable besides, undo the clickability
        // and set them 
        if(shape.type === google.maps.drawing.OverlayType.MARKER) {
            var marker = shape;
            // mainMarkers should be red
            if(!mainMarker) {
                marker["icon"] = "interfaces/" + gs.xsltParams.interface_name + "/images/bluemarker.png";
            }
            marker.clickable = false; // only markers
        }
        
        shape.editable = false;
        shape.draggable = false;
        
        
        
        // doc[i]'s label = doc.shapes[i].description
        addInfoMarker(doc, shape);
    }   
    
    var docElement = gs.jqGet("div" + doc.nodeID);
    var parent;
    if(docElement)
    {
        parent = docElement.parentNode;
    }

    while(parent && parent.nodeName != "BODY")
    {
        if($(parent).attr("id") && $(parent).attr("id").search("divCL") != -1)
        {
            doc.parentCL = parent;
            break;
        }
        
        parent = parent.parentNode;
    }
}

// This method is only for backwards compatibility: for those collections with docs that only have Lat and Lng meta
// and no GPS.mapOverlay (and hence Coordinate) meta.
// Param mainMarker: if set to true, marker is red. If false, marker is blue
function createMarker(doc, pos, mainMarker)
{
    var marker;
    if(mainMarker)
    {
        marker = new google.maps.Marker
        ({
            position: pos,
            title:doc.title,
            map:_map
        });
    }
    else
    {
        marker = new google.maps.Marker
        ({
            position: pos,
            title:doc.title,
            map:_map,
            icon:"interfaces/" + gs.xsltParams.interface_name + "/images/bluemarker.png"
        });
    }

    var docElement = gs.jqGet("div" + doc.nodeID);
    var parent;
    if(docElement)
    {
        parent = docElement.parentNode;
    }

    while(parent && parent.nodeName != "BODY")
    {
        if($(parent).attr("id") && $(parent).attr("id").search("divCL") != -1)
        {
            doc.parentCL = parent;
            break;
        }
        
        parent = parent.parentNode;
    }

    var info = new google.maps.InfoWindow({content:doc.title});
    marker.markerInfo = info;
    doc.marker = marker;
    attachClickHandler(marker, doc.nodeID);
}

// TODO: with the following, it seems that clicking on shape expands the entire document
// Should it be that clicking on a shape should expand the doc section that contains that shape meta?
function attachClickHandler(shapeOrMarker, nodeID)
{
    google.maps.event.addListener(shapeOrMarker, 'click', function()
    {
        document.location.href = gs.xsltParams.library_name + "?a=d&ed=1&c=" + gs.cgiParams.c + "&d=" + nodeID + "&dt=hierarchy&p.a=b&p.sa=&p.s=ClassifierBrowse";
    });
}

// TODO:
// Version of createMarker function containing Zeddy's modifications (pre-mapeditor?) to make markers
// on the public *map* (not on map-editor) draggable/editable and to save these edits/rebuild with them.
// Do we want to continue supporting editing on the main map? I thought we weren't going to and that editing
// was exclusive to the map-editor, with the public map only displaying the saved features?
function draggableCreateMarker(doc, pos, mainMarker)
{
    var docEdit = (("docEdit" in gs.cgiParams) && (gs.cgiParams['docEdit']));
    //var draggable_val = (docEdit) ? true : false;
    
    // When user logs out, the very first page they're returned to has logout set
    // If the user logged out when leaving docEdit on, then the very first page has docEdit=1 AND logout.
    // In that case, don't allow editing. Subsequent pages in logged out mode have neither logout nor docEdit=1 set.
    var loggedOutVar = ("logout" in gs.cgiParams);
    
    // Don't allow dragging if either 1. docEdit not on OR 2. logout is in the cgiParams
    var draggable_val = (!docEdit || loggedOutVar) ? false : true;
    
    var marker;
    if(mainMarker)
    {
        marker = new google.maps.Marker
        ({
            position: pos,
            title:doc.title,
            map:_map,
            draggable: draggable_val
        });
    }
    else
    {
        marker = new google.maps.Marker
        ({
            position: pos,
            title:doc.title,
            map:_map,
            icon:"interfaces/" + gs.xsltParams.interface_name + "/images/bluemarker.png",
            draggable: draggable_val
        });
    }
    
    var docElement = gs.jqGet("div" + doc.nodeID);
    var parent;
    if(docElement)
    {
        parent = docElement.parentNode;
    }

    while(parent && parent.nodeName != "BODY")
    {
        if($(parent).attr("id") && $(parent).attr("id").search("divCL") != -1)
        {
            doc.parentCL = parent;
            break;
        }
        
        parent = parent.parentNode;
    }

    var info = new google.maps.InfoWindow({content:doc.title});
    marker.markerInfo = info;
    doc.marker = marker;
    attachDraggableClickHandler(marker, doc.nodeID);

    ////////////////////////////////////////////////////// TEST
    
    newLat = marker.getPosition().lat();
    newLng = marker.getPosition().lng();
    //console.log("Latitude " + newLat);
    //console.log("Longitude " + newLng);
    //NewLatLng(newLat, newLng);
    
//  // Define the LatLng coordinates for the polygon's path.
//        var triangleCoords = [
//          {lat: 18.774, lng: -80.190},
//          {lat: 18.466, lng: -64.600},
//          {lat: 32.321, lng: -64.757},
//          {lat: 32.300, lng: -80.190},
//        {lat: 28.300, lng: -90.190}
//        ];
//
//        // Construct the polygon.
//        var bermudaTriangle = new google.maps.Polygon({
//          paths: triangleCoords,
//          strokeColor: '#FF0000',
//          strokeOpacity: 0.8,
//          strokeWeight: 2,
//          fillColor: '#FF0000',
//          fillOpacity: 0.35
//        });
//        bermudaTriangle.setMap(map);
}

function NewLatLng(lat, lng)
{
    console.log("Latitude " + lat);
    console.log("Longitude " + lng);
}

function getSubClassifier(sectionID)
{
    var url = gs.xsltParams.library_name + "?a=b&rt=s&s=ClassifierBrowse&c=" + gs.cgiParams.c + "&cl=" + sectionID + "&excerptid=jsonNodes";
    $.ajax(url)
    .success(function(responseText)
    {
        var startIndex = responseText.indexOf(">");
        var endIndex = responseText.indexOf("</");
        
        var jsonNodes = eval(responseText.substring(startIndex+1, endIndex));
        if(jsonNodes && jsonNodes.length > 0)
        {
            for(var i = 0; i < jsonNodes.length; i++)
            {
                var doc = jsonNodes[i];
                _docList[doc.nodeID] = doc;
                _docList.ids.push(doc.nodeID);

                createMarkers(doc, false);
            }
            
            $("#map_canvas").css({"visibility": "visible", "height": ""});
        }
        
        updateMap();
    })
    .error(function()
    {
        console.log("Error getting subclassifiers");
        return;
    }); 
}

function performDistanceSearchWithCoordinates(id, coord, degrees)
{
    var coordInfo = getLatLngForCoord(coord);
    if(!coordInfo) {
        console.log("@@@ ERROR in map-scripts::performDistanceSearchWithCoordinates: coordInfo is null");       
    }
    performDistanceSearch(id, coordInfo.lat, coordInfo.lng, degrees);
}

function performDistanceSearch(id, lat, lng, degrees)
{
    if(parseFloat(lat) > 180 || parseFloat(lat) < -180 || parseFloat(lng) > 180 || parseFloat(lat) < -180)
    {
        console.log("Latitude or longitude incorrectly formatted");
        return;
    }

    if(lat.indexOf(".") == -1 || lng.indexOf(".") == -1 || (lat.indexOf(".") + 3) >= lat.length || (lng.indexOf(".") + 3) >= lng.length)
    {
        console.log("Latitude or longitude does not have the required precision for a distance search");
        return;
    }
    
    var query = "";
    for(var i = 0; i < degrees * 2; i++)
    {
        for (var j = 0; j < degrees * 2; j++)
        {
            var latDelta = (i - degrees) * 0.01;
            var lngDelta = (j - degrees) * 0.01;
            
            query += "(" + getDistanceQueryString(lat, latDelta, 2, "LA", ["N","S"]);
            query += "+AND+";
            query += getDistanceQueryString(lng, lngDelta, 2, "LN", ["E","W"]) + ")";
            
            if(i != ((degrees * 2) - 1) || j != ((degrees * 2) - 1)){ query += "+OR+"; }
        }
    }

    var inlineTemplate = '\
    <xsl:template match="/" priority="5">\
        <table id="nearbyDocs">\
            <tr>\
                <th><a href="javascript:sortByDistance();">Distance</a></th><th><a href="javascript:sortAlphabetically();">Document</a></th>\
            </tr>\
            <xsl:apply-templates select="//documentNode"/>\
        </table>\
    </xsl:template>\
    \
    <xsl:template match="documentNode" priority="5">\
             <xsl:if test="@nodeID !=\''+id+'\'">\
        <tr>\
            <td>___<gsf:metadata name="Latitude"/>______<gsf:metadata name="Longitude"/>___</td>\
            <td><gsf:link title="'+gs.text.doc.nearby_doc_tooltip+'" type="document"><gsf:metadata name="Title"/></gsf:link></td>\
        </tr>\
             </xsl:if>\
    </xsl:template>';

        var url = gs.xsltParams.library_name + "?a=q&s=RawQuery&rt=rd&c=" + gs.cgiParams.c + "&s1.rawquery=" + query + "&excerptid=nearbyDocs&ilt=" + inlineTemplate.replace(/ /, "%20");
    $.ajax(url)
    .success(function(response)
    {
        response = response.replace(/<img src="[^"]*map_marker.png"[^>]*>/g, "");

        var nearbyDocsArray = new Array();

        var lats = new Array();
        var lngs = new Array();
        var matches = response.match(/___(-?[0-9\.]*)___/g);
        for(var i = 0; i < matches.length; i += 2)
        {
            var matchLatFloat = parseFloat(matches[i].replace("___", ""));
            var matchLngFloat = parseFloat(matches[i+1].replace("___", ""));

            lats.push(matchLatFloat);
            lngs.push(matchLngFloat);
            var distance = Math.sqrt(Math.pow(matchLatFloat - parseFloat(lat), 2) + Math.pow(matchLngFloat - parseFloat(lng), 2)) * (40000.0/360.0);
                var distanceString = "" + distance;
                distanceString = distanceString.substring(0, 6);
            response = response.replace(matches[i] + matches[i+1], distanceString);
        }
        
        var index = 0;
        var i = 0;
        while(true)
        {
            var distanceStart = response.indexOf("<td>", index);
            if(distanceStart == -1)
            {
                break;
            }
            var distanceEnd = response.indexOf("</td>", distanceStart);
            
            var docLinkStart = response.indexOf("<td>", distanceEnd);
            var docLinkEnd = response.indexOf("</td>", docLinkStart);
            
                var dist = response.substring(distanceStart + 4, distanceEnd);
            var docLink = response.substring(docLinkStart + 4, docLinkEnd);

            _nearbyDocs.push({title:docLink, distance:dist, lat:lats[i], lng:lngs[i++]}); 
            
            index = docLinkEnd;
        }
        
        sortByDistance(lat,lng);
        
        var toggle = $("#nearbyDocumentsToggle");
        toggle.attr("src", gs.imageURLs.collapse);
        gs.functions.makeToggle(toggle, $("#nearbyDocuments"));
    });
}

var map_centering_timeout = null;
function recenterMapF(lat, lng)
{
    return function() {
    _map.setCenter(new google.maps.LatLng(lat, lng));
    }
}
function recenterMap(lat, lng)
{

    _map.setCenter(new google.maps.LatLng(lat, lng));

}
function sortByDistance(base_lat,base_lng)
{
    var sortedTable = '<table id="nearbyDocs" onmouseleave="clearTimeout(map_centering_timeout); recenterMap('+base_lat+','+base_lng+');"><tr><th><a href="javascript:;">Distance</a></th><th><a href="javascript:sortAlphabetically('+base_lat+', '+base_lng+');">Document</a></th></tr>';
    _nearbyDocs.sort(function(a, b){return (a.distance - b.distance);});
    for(var i = 0; i < _nearbyDocs.length; i++)
    {
    
        sortedTable += "<tr><td>" + prettifyDistance(_nearbyDocs[i].distance) + '</td><td onmouseover="clearTimeout(map_centering_timeout); map_centering_timeout = setTimeout(recenterMapF(' + _nearbyDocs[i].lat + ',' + _nearbyDocs[i].lng + '), 900)" >' + _nearbyDocs[i].title + "</td></tr>";
    }
    sortedTable += "</table>";
    
    $("#nearbyDocuments").html(sortedTable);
}
function prettifyDistance(distance) {

    var new_distance;
    if (distance < 1) {
    new_distance = (distance * 1000);
    // Round to nearest whole number - don't need to show points of metres..
    new_distance = Math.round(new_distance);
    new_distance += " m";
    }
    else {
    new_distance = distance +" km";
    
    }
    return new_distance;
}

    

function sortAlphabetically(base_lat, base_lng)
{
    var sortedTable = '<table id="nearbyDocs" onmouseleave="clearTimeout(map_centering_timeout); recenterMap('+base_lat+','+base_lng+');"><tr><th><a href="javascript:sortByDistance('+base_lat+', '+base_lng+');">Distance</a></th><th><a href="javascript:;">Document</a></th></tr>';
    _nearbyDocs.sort(function(a, b)
    {
        var firstTitleStartIndex = a.title.indexOf(">");
        var firstTitleEndIndex = a.title.indexOf("<", firstTitleStartIndex);
        var firstTitle = a.title.substring(firstTitleStartIndex + 1, firstTitleEndIndex);
        var secondTitleStartIndex = b.title.indexOf(">");
        var secondTitleEndIndex = b.title.indexOf("<", secondTitleStartIndex);
        var secondTitle = b.title.substring(secondTitleStartIndex + 1, secondTitleEndIndex);
        return ((firstTitle.toLowerCase() == secondTitle.toLowerCase()) ? 0 : ((firstTitle.toLowerCase() > secondTitle.toLowerCase()) ? 1 : -1));
    });
    for(var i = 0; i < _nearbyDocs.length; i++)
    {
        sortedTable += "<tr><td>" + _nearbyDocs[i].distance + '</td><td onmouseover="clearTimeout(map_centering_timeout); map_centering_timeout = setTimeout(recenterMapF(' + _nearbyDocs[i].lat + ',' + _nearbyDocs[i].lng + '), 900)">' + _nearbyDocs[i].title + "</td></tr>";
    }
    sortedTable += "</table>";
    
    $("#nearbyDocuments").html(sortedTable);
}

function getDistanceQueryString(currentCoord, delta, precision, indexName, dirs)
{
    var query = "";
    var coordFloat = parseFloat(currentCoord);

    var newCoord = "" + (coordFloat + delta);
    var beforeDec = newCoord.substring(0, newCoord.indexOf("."));

    var dir = dirs[0];
    if(coordFloat < 0)
    {
        dir = dirs[1];
        beforeDec = beforeDec.substring(1);
    }
    beforeDec += dir;

    var afterDec = newCoord.substring(newCoord.indexOf(".") + 1, newCoord.indexOf(".") + (precision) + 1);

    return indexName + ":" + beforeDec + "+AND+" + indexName + ":" + afterDec;
}

function modifyFunctions()
{
    // This function "overrides" toggleSection in both classifier_scripts.js and document_scripts.js
    // However, classifier_scripts.js::toggleSection() only took one parameter, sectionID, whereas
    // document_scripts.js::toggleSection() took 3 params (sectionID, callback, tocDisabled).
    // So to be compatible with both, need map-scripts::toggleSection() here to support all 3 in that order.
    toggleSection = function(sectionID, callback, tocDisabled)
    {
        _basicToggleSection(sectionID, callback, tocDisabled);
        
        var section = gs.jqGet("div" + sectionID);
        var sectionToggle = gs.jqGet("toggle" + sectionID);     
                
        if(sectionToggle == undefined)
        {           
            return;
        }       
        
        // Test if 'section' exists.  
        // ==> Because we're using jQuery to do this we need to test the length of the object returned
        // http://stackoverflow.com/questions/920236/how-can-i-detect-if-a-selector-returns-null
        if(section.length !== 0)
        {               
            if(isExpanded(sectionID))
            {
                section.css("display", "none");
                sectionToggle.attr("src", gs.imageURLs.expand);
                
                if(openClassifiers[sectionID].length !== 0) //if(openClassifiers[sectionID] != undefined)
                {
                    delete openClassifiers[sectionID];
                }
            }
            else
            {
                section.css("display", "block");
                sectionToggle.attr("src", gs.imageURLs.collapse);
                openClassifiers[sectionID] = true;  
            }
            updateOpenClassifiers();
            updateMap();
        }
        else
        {
            httpRequest(sectionID);
        }       
        
    }
    
    httpRequest = function(sectionID)
    {
        if(!inProgress[sectionID])
        {
            inProgress[sectionID] = true;
            
            var sectionToggle = gs.jqGet("toggle" + sectionID);
            sectionToggle.attr("src", gs.imageURLs.loading);

            var url = gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "/browse/" + sectionID.replace(/\./g, "/") + "?excerptid=div" + sectionID;

            if(gs.cgiParams.berrybasket == "on")
            {
                url = url + "&berrybasket=on";
            }

            if(url.indexOf("#") != -1)
            {
                url = url.substring(0, url.indexOf("#"));
            }
            
            $.ajax(url)
            .success(function(responseText)
            {
                var newDiv = $("<div>");                                        
                var sibling = gs.jqGet("title" + sectionID);
                sibling.after(newDiv);
                
                newDiv.html(responseText);
                sectionToggle.attr("src", gs.imageURLs.collapse);
                openClassifiers[sectionID] = true;  
                
                if(gs.cgiParams.berrybasket == "on")
                {
                    checkout();
                }
                /*else if(gs.cgiParams.documentbasket == "on") // TODO: copied from classifier_scripts.js - should this else block be included here (and happen when mapEnabled) or not?
                {
                    dmcheckout();
                }*/
                updateOpenClassifiers();
                getSubClassifier(sectionID);
            })
            .error(function()
            {
                sectionToggle.attr("src", gs.imageURLs.expand);
            })
            .complete(function()
            {
                inProgress[sectionID] = false;
                busy = false;
            });
        }
    }
}