var loading = '<br/>Loading...<br/><br/><span style="display:none;">';
var loading2 = '</span>';
var map = null;
var tcpage = false;
var layer = null;
var clusterOptions = null;

function loadmapnew(tcpagebool, contid, tagid, personid, baseUrl) {
    $.ajax({
        url: '/System/MapPoints.ashx?TagId=' + tagid + '&ContinentId=' + contid + '&PersonId=' + personid + '&date=' + new Date(),
        type: 'GET',
        dataType: 'xml',
        error: function() {
            alert('Error loading XML document');
        },
        success: function(xml) {
            tcpage = tcpagebool;
            map = new VEMap('mapArea');
            map.HideDashboard();
            map.AttachEvent('onmouseover', hover);
            map.AttachEvent('onendzoom', zoom);
            map.AttachEvent('onclick', clickPoint);
            map.LoadMap(new VELatLong(20, 0), 1, 's', false, VEMapMode.Mode2D, true);
            map.ClearInfoBoxStyles();
            var mapPoints = new Array();
            var shapes = new Array();
            layer = new VEShapeLayer();
            $('mappoint', xml).each(function() {
                var icon = new VECustomIconSpecification();
                icon.Image = '/Images/MapPoint.gif';
                icon.ImageOffset = new VEPixel(0, -14);
                icon.TextContent = ' ';
                var point1 = new VELatLong($('lat', this).text(), $('long', this).text());
                mapPoints.push(point1);
                var shape1 = new VEShape(VEShapeType.Pushpin, point1);
                shape1.SetCustomIcon(icon);
                shape1.SetTitle(' ');
                shape1.SetMoreInfoURL(baseUrl + $('url', this).text());
                shape1.SetDescription(loading + $('guid', this).text() + loading2);
                layer.AddShape(shape1);
            });
            map.AddShapeLayer(layer);

            clusterOptions = new VEClusteringOptions();
            var icon = new VECustomIconSpecification();
            icon.Image = '/Images/MapPointCluster.gif';
            icon.ImageOffset = new VEPixel(0, -14);
            icon.TextContent = ' ';
            clusterOptions.Icon = icon;
            layer.SetClusteringConfiguration(VEClusteringType.Grid, clusterOptions);

            map.SetMapView(mapPoints);
            if (map.GetZoomLevel() > 3) { map.SetZoomLevel(3); }
        }
    });
}

function hover(e) {
    if (e.elementID) {
        if (map.GetShapeByID(e.elementID).GetDescription().indexOf(loading) > -1) {
            var id = map.GetShapeByID(e.elementID).GetDescription().replace(loading, '').replace(loading2, '');
            $.ajax({
                url: '/System/MapHover.ashx?id=' + id + '&tcpage=' + tcpage + '&date=' + new Date(),
                type: 'GET',
                dataType: 'html',
                success: function(html) {
                    map.GetShapeByID(e.elementID).SetDescription(html);
                    map.HideInfoBox(map.GetShapeByID(e.elementID));
                    map.ShowInfoBox(map.GetShapeByID(e.elementID));
                }
            });
        }
    }
}
function zoom(e) {
    if (map.GetZoomLevel() > 13)
    { layer.SetClusteringConfiguration(VEClusteringType.None, clusterOptions); }
    else
    { layer.SetClusteringConfiguration(VEClusteringType.Grid, clusterOptions); }
}
function clickPoint(e) {
    if (map.GetShapeByID(e.elementID).GetMoreInfoURL() != '') {
        window.location = map.GetShapeByID(e.elementID).GetMoreInfoURL();
    } else {
        map.SetCenterAndZoom(map.GetShapeByID(e.elementID).GetPoints()[0], map.GetZoomLevel() + 2);
    }
}
function zoomToArea(latitude, longitude, zoomLevel) {
    map.SetCenterAndZoom(new VELatLong(latitude, longitude), zoomLevel);
}