atlas.js

var lockHtml = "<div class='toggle' id='lockInfo'>You cannot modify this site. If you wish to claim ownership of this site, please contact the ";
lockHtml += "<a href='http://cl.openmrs.org/track/click.php?u=30039905&id=c4087a259d664e978fd6f3630b9188bb&url=";
lockHtml += "http%3A%2F%2Fgo.openmrs.org%2Fhelpdesk&url_id=04c52b64769a7567d21db835fcd45f51f99842bd' target='_blank'> OpenMRS HelpDesk.</a></div>";
var fadeHtml = "<div class='toggle' id='fadeInfo'> Sites that have not been updated for more than six months will begin to fade away. ";
fadeHtml += "Fading can be turned off through the controls on this page.</div>";
var uniqueMarker = null;

function initLegendChoice() {
    $("#fadeCheckbox").prop('checked', true);
    $("#group-checkbox").prop('checked', true);
    if (clustersEnabled) $("#clusters-checkbox").prop('checked', true);
    $("#groups").mouseover(function () {
        $("#legendChoice").css("display", "block");
    });
    $("#marker-groups").mouseleave(function () {
        $("#legendChoice").css("display", "none");
    });
    $("#legend-type, #legend-version, #legend-distribution, #group-checkbox").click(function () {
        var clicked = $(this).attr("id");
        clickLegend(clicked);
    });
    $("#fadeCheckbox").click(function () {
        fadeOverTime = !fadeOverTime;
        closeBubbles();
        repaintMarkers();
    });
    $("#clusters-checkbox").click(function () {
        clustersEnabled = !clustersEnabled;
        if (clustersEnabled) {
            clusters.setMap(map);
            $("#clusters-checkbox").prop('checked', true);
        } else {
            clusters.setMap(null);
            $("#clusters-checkbox").prop('checked', false);
        }
        legendGroups = 2;
        repaintMarkers();
        initLegend();
    });
}

function clickLegend(id) {
    clustersEnabled = 0;
    clusters.setMap(null);
    $("#clusters-checkbox").prop('checked', false);
    switch (id) {
        case "legend-version":
            if (version.length > 0) {
                legendGroups = 1;
            }
            break;
        case "group-checkbox":
        case "legend-group":
            if (legendGroups !== 2) {
                legendGroups = 2;
            } else {
                legendGroups = 0;
            }
            break;
        case "legend-type":
            legendGroups = 0;
            break;
        case "legend-distribution":
            legendGroups = 3;
            break;
    }
    $("#legendChoice").css("display", "none");
    repaintMarkers();
    initLegend();
}

function showId(id) {
    prompt("Implementation ID", id);
}

function closeBubbles() {
    for (var key in sites) {
        if (sites[key].bubbleOpen) {
            sites[key].infowindow.close();
            sites[key].bubbleOpen = false;
        }
        if (sites[key].editBubbleOpen) {
            sites[key].editwindow.close();
            sites[key].editBubbleOpen = false;
        }
    }
}
function initVersion() {
    for (var key in version) {
        if (existingVersion.indexOf(version[key]) === -1)
            existingVersion.push(version[key])
    }
    var i = 0, x, count, item;
    while (i < version.length) {
        count = 1;
        item = version[i];
        x = i + 1;
        while (x < version.length && (x = version.indexOf(item, x)) !== -1) {
            count += 1;
            version.splice(x, 1);
        }
        version[i] = new Array(version[i], count);
        ++i;
    }
    version.sort(function (a, b) {
        return a[1] - b[1];
    });
    version.reverse();
    if (version.length > 3) otherVersion = 1;
    version = version.slice(0, 3);
    version.sort(versionCompare);
    version.reverse();
    while (version.length < 4) {
        version.push(0);
    }
}

function initialize() {
    $("#map_canvas").gmap3({
        map: {
            options: {
                zoom: viewParam.zoom,
                center: viewParam.position,
                minZoom: 2,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            },
        }
    });
    map = $("#map_canvas").gmap3('get');
    var markerClustererOptions = {
        imagePath: "https://googlemaps.github.io/js-marker-clusterer/images/m1.png",
        minimumClusterSize: 3,
        gridSize: 30
    };
    clusters = new MarkerClusterer(map, null, markerClustererOptions);
    clusters.setMap(null);
    images[0] = new google.maps.MarkerImage("atlas_sprite.png",
        // This marker is 20 pixels wide by 32 pixels tall.
        new google.maps.Size(20, 34),
        // The origin for this image is 0,0.
        new google.maps.Point(0, 0),
        // The anchor for this image is the base of the flagpole at 0,32.
        new google.maps.Point(10, 34));
    shadows[0] = new google.maps.MarkerImage("atlas_sprite.png",
        new google.maps.Size(37, 34),
        new google.maps.Point(20, 0),
        new google.maps.Point(10, 34));
    images[1] = new google.maps.MarkerImage("atlas_sprite.png",
        // This marker is 20 pixels wide by 32 pixels tall.
        new google.maps.Size(20, 34),
        // The origin for this image is 0,0.
        new google.maps.Point(57, 0),
        // The anchor for this image is the base of the flagpole at 0,32.
        new google.maps.Point(10, 34));
    shadows[1] = new google.maps.MarkerImage("atlas_sprite.png",
        new google.maps.Size(37, 34),
        new google.maps.Point(77, 0),
        new google.maps.Point(10, 34));
    images[2] = new google.maps.MarkerImage("atlas_sprite.png",
        // This marker is 20 pixels wide by 32 pixels tall.
        new google.maps.Size(20, 34),
        // The origin for this image is 0,0.
        new google.maps.Point(114, 0),
        // The anchor for this image is the base of the flagpole at 0,32.
        new google.maps.Point(10, 34));
    shadows[2] = new google.maps.MarkerImage("atlas_sprite.png",
        new google.maps.Size(37, 34),
        new google.maps.Point(134, 0),
        new google.maps.Point(10, 34));
    images[3] = new google.maps.MarkerImage("atlas_sprite.png",
        // This marker is 20 pixels wide by 32 pixels tall.
        new google.maps.Size(20, 34),
        // The origin for this image is 0,0.
        new google.maps.Point(171, 0),
        // The anchor for this image is the base of the flagpole at 0,32.
        new google.maps.Point(10, 34));
    shadows[3] = new google.maps.MarkerImage("atlas_sprite.png",
        new google.maps.Size(37, 34),
        new google.maps.Point(191, 0),
        new google.maps.Point(10, 34));
    map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(legend);
    /*
     var fadeControlDiv = document.createElement("DIV");
     var fadeControl = new FadeControl(fadeControlDiv, map);
     fadeControlDiv.index = 1;
     map.controls[google.maps.ControlPosition.TOP_RIGHT].push(fadeControlDiv);
     */

    google.maps.event.addListener(map, "click", function () {
        closeBubbles();
    });
    var title = document.getElementById("map_title");
    map.controls[google.maps.ControlPosition.TOP_LEFT].push(title);
    var login = document.getElementById("login");
    map.controls[google.maps.ControlPosition.TOP_RIGHT].push(login);
    var download = document.getElementById("download");
    map.controls[google.maps.ControlPosition.TOP_RIGHT].push(download);
    var markerGroups = document.getElementById("marker-groups");
    map.controls[google.maps.ControlPosition.TOP_RIGHT].push(markerGroups);
    var share = document.getElementById("share");
    map.controls[google.maps.ControlPosition.TOP_RIGHT].push(share);
    var help = document.getElementById("help");
    map.controls[google.maps.ControlPosition.TOP_RIGHT].push(help);

    if (moduleUUID !== null) {
        var alert = document.getElementById("alert");
        map.controls[google.maps.ControlPosition.BOTTOM_CENTER].push(alert);
    }

    fetchDistributions()
        .always(function(){
            fetchMarkerSites();
        });
}





function fetchMarkerSites() {
    $.ajax({url: "/markerSites"})
        .always(function (data, textStatus) {
            if (textStatus != "success") {
                bootbox.alert("Error fetching data for sites ! - " + data.statusText);
                return;
            }
            loadSites(data);
        })
}

function initLegend() {
    var legend = document.getElementById("legend");
    legend.setAttribute("hidden", true);
    if (legendGroups !== 2) {
        var icons = Icons();
        legend.removeAttribute("hidden");
        legend.innerHTML = "<h3>Legend</h3>";
        for (var type in icons) {
            if (icons[type].label) {
                var name = icons[type].label;
                var icon = icons[type].icon;
                if (!(icons[type].label === "Unknown" && unknownVersion === 0) && !(icons[type].label === "Other" && otherVersion === 0 && legendGroups === 1 )
                    && !(legendGroups === 0 && !types.hasOwnProperty(type))) {
                    var div = document.createElement("div");
                    div.innerHTML = "<img src='" + icon + "'>" + name;
                    legend.appendChild(div);
                }
            }
        }
    }
}
function clearLegend() {
    var legend = document.getElementById("legend");
    legend.innerHTML = "";

}
function Icons() {
    var icons;
    var iconsUri = [
        "https://maps.google.com/intl/en_us/mapfiles/ms/micons/green-dot.png",
        "https://maps.google.com/intl/en_us/mapfiles/ms/micons/purple-dot.png",
        "https://maps.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png",
        "https://maps.google.com/intl/en_us/mapfiles/ms/micons/ltblue-dot.png",
        "https://maps.google.com/intl/en_us/mapfiles/ms/micons/yellow-dot.png",
        "https://maps.google.com/intl/en_us/mapfiles/ms/micons/orange-dot.png",
        "https://maps.google.com/intl/en_us/mapfiles/ms/micons/pink-dot.png",
        "https://maps.google.com/intl/en_us/mapfiles/ms/micons/red-dot.png"
    ];
    if (clustersEnabled) {
        icons = {
            Other: {
                icon: "https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclustererplus/images/m1.png",
                label: "Other"
            }
        };
    } else if (legendGroups === 0) {
        icons = {
            Research: {
                icon: "https://maps.google.com/intl/en_us/mapfiles/ms/micons/green-dot.png",
                label: "Research"
            },
            Clinical: {
                icon: "https://maps.google.com/intl/en_us/mapfiles/ms/micons/purple-dot.png",
                label: "Clinical"
            },
            Development: {
                icon: "https://maps.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png",
                label: "Development"
            },
            Evaluation: {
                icon: "https://maps.google.com/intl/en_us/mapfiles/ms/micons/yellow-dot.png",
                label: "Evaluation"
            },
            Other: {
                icon: "https://maps.google.com/intl/en_us/mapfiles/ms/micons/red-dot.png",
                label: "Other"
            }
        };
    } else if (legendGroups === 1) {
        icons = {
            1: {
                icon: "https://maps.google.com/intl/en_us/mapfiles/ms/micons/green-dot.png",
                label: version[0][0]
            },
            2: {
                icon: "https://maps.google.com/intl/en_us/mapfiles/ms/micons/yellow-dot.png",
                label: version[1][0]
            },
            3: {
                icon: "https://maps.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png",
                label: version[2][0]
            },
            Other: {
                icon: "https://maps.google.com/intl/en_us/mapfiles/ms/micons/red-dot.png",
                label: "Other"
            },
            Unknown: {
                icon: "https://maps.google.com/intl/en_us/mapfiles/ms/micons/purple.png",
                label: "Unknown"
            }
        };
    } else if (legendGroups === 3){
        icons = {};
        var legendMarkers = [];
        var iconsUriIndex = 0;
        var standardDistributions = getCachedDistributions().filter(function( distribution ){
            return distribution.is_standard == true;
        });

        sites.forEach(function(site){
            var siteDistribution = standardDistributions.find(function(distribution){
                return distribution.id == site.siteData.distribution;
            });
            if(siteDistribution){
                legendMarkers.push({
                    icon : iconsUri[iconsUriIndex++],
                    label : siteDistribution.name
                });
                iconsUriIndex = iconsUriIndex % iconsUri.length;
            }
        });

        legendMarkers = legendMarkers.sort(function(marker1, marker2){
            return marker1.label.localeCompare(marker2.label);
        });

        for(var index = 0; index < legendMarkers.length; index++){
            var marker = legendMarkers[index];
            icons[marker.label] = {
                icon: marker.icon,
                label: marker.label
            };
        }


        icons.Other = {
            icon : "https://maps.google.com/intl/en_us/mapfiles/ms/micons/purple.png",
            label : "Other"
        };
    } else {
        icons = {
            Other: {
                icon: "https://maps.google.com/intl/en_us/mapfiles/ms/micons/red-dot.png",
                label: "Other"
            }
        };
    }
    return icons;
}

function colorForSite(site) {
    var icons = Icons();
    var image = {
        url: icons.Other.icon,
        scaledSize: new google.maps.Size(32, 32)
    };
    if (legendGroups === 1) {
        switch (versionMajMinForSite(site)) {
            case version[0][0]:
                image.url = icons["1"].icon;
                break;
            case version[1][0]:
                image.url = icons["2"].icon;
                break;
            case version[2][0]:
                image.url = icons["3"].icon;
                break;
            case null:
                image.url = icons.Unknown.icon;
                break;
        }
    } else if (legendGroups === 0) {
        switch (site.type) {
            case "Research":
                types.Research = 1;
                image.url = icons.Research.icon;
                break;
            case "Clinical":
                types.Clinical = 1;
                image.url = icons.Clinical.icon;
                break;
            case "Development":
                types.Development = 1;
                image.url = icons.Development.icon;
                break;
            case "Evaluation":
                types.Evaluation = 1;
                image.url = icons.Evaluation.icon;
                break;
            case "Other":
                types.Other = 1;
                image.url = icons.Other.icon;
                break;
        }
    } else if (legendGroups === 3){
        var distribution = getDistributionById(site.distribution);
        var key = distribution && icons.hasOwnProperty(distribution.name) ? distribution.name : "Other";
        image.url = icons[key].icon;
    }
    if ((site.uid === currentUser || auth_site.indexOf(site.uuid) !== -1) && legendGroups === 2
        && moduleHasSite !== 1 && !clustersEnabled)
        image.url = "https://maps.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";
    if ((site.module === 1 && legendGroups === 2 && moduleUUID !== null && moduleHasSite === 1 && !clustersEnabled)) {
        image.url = "https://maps.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";
    } else if ((site.uid === currentUser || auth_site.indexOf(site.uuid) !== -1)
        && legendGroups === 2 && (moduleUUID === null || moduleHasSite === 0) && !clustersEnabled) {
        image.url = "https://maps.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";
    }
    return image;
}



function loadVersion(json) {
    for (i = 0; i < json.length; i++) {
        var site = json[i];
        if (site.version) version.push(versionMajMinForSite(site));
        else unknownVersion++;
    }
    initVersion();
}

function loadSites(json) {
    var bounds = new google.maps.LatLngBounds();
    loadVersion(json);
    for (i = 0; i < json.length; i++) {
        var site = json[i];
        if (!site.hasOwnProperty("uuid"))
            site.uuid = null;
        var fadeGroup = getFadeGroup(site);
        var marker = createMarker(site, fadeGroup, bounds);
        if (fadeGroup < 4) clusters.addMarker(marker);
        var editwindow = null;
        var infowindow = createInfoWindow(site, marker);
        if ((site.uid !== "" && site.uid === currentUser) || (auth_site.indexOf(site.uuid) !== -1) || site.uuid !== null)
            editwindow = createEditInfoWindow(site, marker);
        initLegend();
        repaintMarkers();
        if (site.version)
            version.push(versionMajMinForSite(site));
        if (moduleHasSite !== 1 && auth_site.indexOf(site.uuid) !== -1 && moduleUUID !== null && auth_site.length === 1)
            uniqueMarker = marker;
        sites[site.id] = {
            "siteData": site,
            "marker": marker,
            "infowindow": infowindow,
            "editwindow": editwindow,
            "bubbleOpen": false,
            "editBubbleOpen": false,
            "fadeGroup": fadeGroup
        };
    }
    setTimeout('openBubble(uniqueMarker)', 800);
    map.fitBounds(bounds);
    customizeView();
}

function repaintMarkers() {
    for (var key in sites) {
        var site = sites[key];
        var opacity = 1;
        if (fadeOverTime)
            opacity = (1 - (site.fadeGroup * 0.25));
        if (shouldBeVisible(site.fadeGroup)) {
            site.marker.setIcon(colorForSite(site.siteData));
            site.marker.setVisible(true);
            site.marker.setOpacity(opacity);
        } else {
            site.marker.setVisible(false);
        }
    }
    $("#group-checkbox").prop('checked', false);
    $("#legend-type").removeClass("enabled");
    $("#legend-version").removeClass("enabled");
    $("#legend-distribution").removeClass("enabled");
    $("#legendChoice").css("display", "none");
    switch (legendGroups) {
        case 1:
            $("#legend-version").addClass("enabled");
            $("#group-checkbox").prop('checked', true);
            clusters.setMap(null);
            break;
        case 2:
            if (clustersEnabled === 1) clusters.setMap(map);
            break;
        case 0:
            $("#legend-type").addClass('enabled');
            $("#group-checkbox").prop('checked', true);
            clusters.setMap(null);
            break;
        case 3:
            $("#legend-distribution").addClass('enabled');
            $("#group-checkbox").prop('checked', true);
            clusters.setMap(null);
    }
}

function shouldBeVisible(fadeGroup) {
    return !fadeOverTime || fadeGroup < 4;
}

function createMarker(site, fadeGroup, bounds) {
    var latLng = new google.maps.LatLng(site.latitude, site.longitude);
    var imageIndex = indexForFadeGroup(fadeGroup);
    var marker = new google.maps.Marker({
        position: latLng,
        map: map,
        title: site.name,
        icon: colorForSite(site),
        shadow: shadows[imageIndex],
        animation: google.maps.Animation.DROP
    });
    bounds.extend(latLng);
    return marker;
}

function dateForSite(site) {
    var dateString = site.date_changed;
    if (dateString === "0000-00-00 00:00:00")
        dateString = site.date_created;
    dateString = dateString.replace(/-/g, "/");
    return new Date(dateString).getTime();
}

function dateChangedString(site) {
    var dateString = site.date_changed;
    if (dateString === "0000-00-00 00:00:00")
        dateString = site.date_created;
    dateString = dateString.replace(/-/g, "/");
    return new Date(dateString).toLocaleDateString();
}

function versionForSite(site) {
    if (site.version) {
        var version = site.version;
        return version.match(/\d+(\.\d+)+/g).toString();
    }
    return null;
}

function versionMajMinForSite(site) {
    if (site.version) {
        var version = site.version;
        return version.match(/\d+(\.\d+)/g).toString();
    }
    return null;
}

function getFadeGroup(site) {
    var ageInMonths = Math.max(0, (new Date().getTime() - dateForSite(site)) / 2592000000); // milliseconds in 30 days
    var fadeGroup = Math.floor(ageInMonths / 6);
    return Math.min(fadeGroup, 4); // higher index == more transparent (max is 4)
}

function indexForFadeGroup(fadeGroup) {
    if (!fadeOverTime)
        return 0;
    return Math.min(fadeGroup, 3); // max images index is 3, fadeGroup can go higher
}

function safeUrl(url) {
    if (url !== null) {
        if (url.indexOf("http://") === 0 || url.indexOf("https://") === 0)
            return url;
        return "http://" + url;
    }
    return url;
}

function displayUrl(url) {
    if (url === null)
        return url;
    var displayUrl = url.replace(/^https?:\/\//i, "");
    if (displayUrl.length > 50)
        return displayUrl.substring(0, 25) + "..." + displayUrl.substring(displayUrl.length - 22);
    return displayUrl;
}

function addCommas(n) {
    n += "";
    x = n.split(".");
    x1 = x[0];
    x2 = x.length > 1 ? "." + x[1] : "";
    var regex = /(\d+)(\d{3})/;
    while (regex.test(x1)) {
        x1 = x1.replace(regex, "$1" + "," + "$2");
    }
    return x1 + x2;
}
versionCompare = function (left, right) {
    if (typeof left[0] + typeof right[0] !== "stringstring")
        return false;
    var a = left[0].split(".");
    var b = right[0].split(".");
    var i = 0;
    var len = Math.max(a.length, b.length);
    for (; i < len; i++) {
        if ((a[i] && !b[i] && parseInt(a[i]) > 0) || (parseInt(a[i]) > parseInt(b[i]))) {
            return 1;
        } else if ((b[i] && !a[i] && parseInt(b[i]) > 0) || (parseInt(a[i]) < parseInt(b[i]))) {
            return -1;
        }
    }
    return 0;
};

function createInfoWindow(site, marker) {
    var html = contentInfowindow(site);
    var infowindow = new google.maps.InfoWindow({
        content: html
    });
    google.maps.event.addListener(infowindow, "closeclick", function () {
        sites[site.id].bubbleOpen = false;
    });
    google.maps.event.addListener(infowindow, 'domready', function () {
        if ($(".gm-style-iw").parent().has(".site-fade").length == 0) {
            $(".gm-style-iw").parent().append("<div class='site-fade' data-toggle='fade'>Why is this site fading away?</div>");
        }
        $('.site-fade').tooltip({
            trigger: 'click hover', placement: 'bottom',
            html: true, title: fadeHtml,
            delay: {show: 500, hide: 1200}
        });
        if (fadeOverTime && getFadeGroup(site) > 0) {
            $(".site-fade").css("display", "block");
        }
        else {
            $(".site-fade").css("display", "none");
        }
    });
    google.maps.event.addListener(marker, "click", function () {
        $("#undo").remove();
        $("#delete").remove();
        $("#edit").remove();
        if (sites[site.id].editBubbleOpen) {
            sites[site.id].editwindow.close();
            sites[site.id].editBubbleOpen = false;
        } else if (sites[site.id].bubbleOpen) {
            infowindow.close();
            sites[site.id].bubbleOpen = false;
        } else {
            closeBubbles();
            infowindow.open(map, marker);
            sites[site.id].bubbleOpen = true;
            $("#undo").remove();
            if (moduleHasSite !== 1 && site.uuid !== null && moduleUUID !== null
                && currentUser !== "visitor" && auth_site.indexOf(site.uuid) !== -1
                && $(".site-bubble").has("#me-button").length == 0) {
                html = "<div class='me-button'><button type='button' id='me-button' value='" + site.id + "' title='Pick the site for this server.'";
                html += "class='btn btn-success btn-xs'>This is me !</button></div>";
                $(".site-bubble").append(html);
            } else if (site.module === 1 && moduleHasSite === 1 && currentUser !== "visitor"
                && auth_site.indexOf(site.uuid) !== -1
                && $(".site-bubble").has("#detach-button").length == 0) {
                html = "<div class='me-button'><button type='button' id='detach-button' value='" + site.id + "' title='Detach the site from this server.'";
                html += "class='btn btn-info btn-xs'>This is not me.</button></div>";
                $(".site-bubble").append(html);
            }
            if ((site.uid == currentUser) || site.uuid !== null) {
                if ($(".gm-style-iw").parent().has("#edit").length == 0) {
                    $("#lock").remove();
                    $(".gm-style-iw").parent().append("<div id='edit' value='" + site.id + "' title ='Edit site' class='control' style='position: absolute;overflow:none; right:12px;bottom:12px; color:#3F3F3F'><i class='fa fa-lg fa-pencil' style='color:rgba(171, 166, 166, 1)'></i></div>");
                }
                if ($(".gm-style-iw").parent().has("#lock").length == 0) {
                    $(".gm-style-iw").parent().append("<div id='delete' value='" + site.id + "' title ='Delete site' class='control' style='position: absolute;overflow:none; right:12px;bottom:27px; color:#3F3F3F'><i class='fa fa-lg fa-trash-o' style='color:rgba(171, 166, 166, 1)'></i></div>");
                }
            } else {
                $(".gm-style-iw").parent().append("<div id='lock' style='position: absolute;overflow:none; right:13px;bottom:12px; color:#3F3F3F'><i data-toggle='tooltip' class='fa fa-lg fa-lock' style='color:rgba(171, 166, 166, 1)'></i></div>");
                $('.fa-lock').tooltip({
                    trigger: 'click hover',
                    placement: 'right',
                    html: true,
                    title: lockHtml,
                    delay: {show: 500, hide: 1200}
                });
            }
        }
        if ((site.uid === currentUser) || site.uuid !== null) {
            $("#map_canvas").on("click", "#edit", function (e) {
                //e.preventDefault();
                var id = $(this).attr("value");
                infowindow.close();
                sites[id].bubbleOpen = false;
                sites[id].editwindow.open(map, sites[id].marker);
                sites[id].editBubbleOpen = true;
                sites[id].marker.setDraggable(true);
                $("#edit").remove();
                if ($(".gm-style-iw").parent().has("#undo").length == 0) {
                    $(".gm-style-iw").parent().append("<div id='undo' title ='Undo change' value='" + id + "' class='control' style='position: absolute;overflow:none; right:12px;bottom:10px; color:#3F3F3F'><i class='fa fa-lg fa-history' style='color:rgba(171, 166, 166, 1)'></i></div>");
                }
                if ($(".gm-style-iw").parent().has("#delete").length == 0) {
                    $(".gm-style-iw").parent().append("<div id='delete' title ='Delete site' value='" + id + "' class='control' style='position: absolute;overflow:none; right:12px;bottom:28px; color:#3F3F3F'><i class='fa fa-lg fa-trash-o' style='color:rgba(171, 166, 166, 1)'></i></div>");
                }
                if (site.module == 1 && site.show_counts == 0) {
                    $('input#include-count').attr('checked', false);
                    $(".site-stat").addClass("disabled");
                } else if (site.module == 1 && site.show_counts == 1) {
                    $(".site-stat").removeClass("disabled");
                    $('input#include-count').attr('checked', true);
                }
            });
        }
    });
    return infowindow;
}