// JScript File
var strHtml;
var map;
var iPoint; //coordinates of center
var cPoint; //center of map
var zLevel; //zoomlevel of map
var bPoint; //point of building
var strColor = "#B22222";
var strColorb = "#0000CD";
var numWidth = 5;
var polyline = [];

function loadmap() {
    if (GBrowserIsCompatible()) {
        cPoint = new GLatLng(50.5977169374689, 4.32236312661116);
        zLevel = 3;
        ShowMap();
        //Setup_locations();
        Setup_locations2();
    }
}

function ShowMap() {
    map = new GMap2(document.getElementById("google_map"));
    map.setCenter(cPoint, zLevel);
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
}

function createMarkerOFF(point, html) {
    var marker = new GMarker(new GLatLng(51.94415, 4.47268));
    GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
    return marker;
}

function createHoofdkantoorMarker(point, mhtml, mpic, mx, my) {
    
    //Aanmaken	Marker met tab-ballon
    // Info window content

    var tabText = "<table width=\"300px;\" height=\"40px;\" cellpadding=\"0\" cellspacing=\"0\">";

    tabText = tabText + "<tr>";
    tabText = tabText + "<td>";
    tabText = tabText + "<div style=\"margin: 10px\">";
    tabText = tabText + "<div>" + mhtml + "</div>";
    tabText = tabText + "</div>";
    tabText = tabText + "</td>";
    tabText = tabText + "</tr>";
    tabText = tabText + "</table>";

    //		alert(tabText);
    var infoTabs = [
    new GInfoWindowTab("", tabText)
    ];
    
    //Aanmaken	
    var icon = new GIcon(G_DEFAULT_ICON, mpic)
    icon.iconSize = new GSize(mx, my);
    var marker = new GMarker(point, icon);

    //toevoegen hover op de kaart

    GEvent.addListener(marker, "mouseover", function() {
        marker.openInfoWindowTabsHtml(infoTabs);
    });

    //tekst er permanent aanhangen
    //GEvent.addListener(marker, "click", function() {
    //    marker.openInfoWindowTabsHtml(infoTabs);
    //});

    map.addOverlay(marker);



    //	return marker;
}

//define area's
var markers

function Setup_locations() {
    var geocoder = new GClientGeocoder();
    GDownloadUrl("./_xml/xml_countries.aspx", function(data) {
        var xml = GXml.parse(data);
        markers = xml.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers.length; i++) {
            var locatie = markers[i].getAttribute("address");
            var geselecteerd = markers[i].getAttribute("selected");
            var googleaddress = markers[i].getAttribute("googleaddress");
            if (geocoder) {
                geocoder.getLocations(locatie, SetLocation);
            }
        }
    });
}

function Setup_locations2() {
    var geocoder = new GClientGeocoder();
    GDownloadUrl("./_xml/xml_countries.aspx", function(data) {
        var xml = GXml.parse(data);
        markers = xml.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers.length; i++) {
            var googleaddress = markers[i].getAttribute("googleAddress");
            var googleX = markers[i].getAttribute("googleX");
            var googleY = markers[i].getAttribute("googleY");
            var point = new GLatLng(googleX, googleY);
            createHoofdkantoorMarker(point, googleaddress, "./_images/googlemap.png", 25, 25);
        }
    });
} 


function SetLocation(response){

    var geselecteerd = "False";
    var googleaddress = "";
    
    for (var i = 0; i < markers.length; i++) {
        var geselecteerdxml = markers[i].getAttribute("selected");
        var locXml = markers[i].getAttribute("address");
        var googleaddressxml = markers[i].getAttribute("googleaddress");
        if (locXml == response.name) {
            geselecteerd = geselecteerdxml;
            googleaddress = googleaddressxml;
        }
    }
    
    var theResponse = response;
    var point = new GLatLng(response.Placemark[0].Point.coordinates[1], response.Placemark[0].Point.coordinates[0]);
    if (!point) {
        alert(address + " not found");
    } 
    else {
        if (geselecteerd == "True") {
            map.setCenter(point, 9);
        }
        createHoofdkantoorMarker(point, googleaddress, "./_images/googlemap.png", 25, 25);
    }
}

function newText(mText) {
    strHtml = mText
}
function addText(mText) {
    strHtml = strHtml + mText
}