google.load("maps", "2");

 // Call this function when the page has been loaded
var map;
  function shopmap(lat, lon) {
    map = new google.maps.Map2(document.getElementById("kort_overlay"));
    map.setCenter(new google.maps.LatLng(lat, lon), 11);
    
    var mapControl = new google.maps.MapTypeControl();
    map.addControl(mapControl);
    map.addControl(new google.maps.SmallMapControl());
    map.addOverlay(new google.maps.Marker(new google.maps.LatLng(lat, lon)));
  }

function visStartSted(startsted, e) 
{
var x = window.event ? window.event.clientX : e.clientX;
var y = window.event ? window.event.clientY : e.clientY;

    var obj = document.getElementById("kort_bg");
    obj.style.left = (x - 0) + "px";
    obj.style.top = (y - 50) + "px";
    obj.style.visibility = "visible";
    
    var obj = document.getElementById("kort_overlay");
    obj.style.left = (x + 16) + "px";
    obj.style.top = (y - 17) + "px";
    obj.style.visibility = "visible";
    //initialize();
    loadXMLDoc('/startsteder/hentstartsted.ashx?startsted=' + startsted);
}

function lukStartstedKort()
{
    document.getElementById("kort_bg").style.visibility = "hidden";
    document.getElementById("kort_overlay").style.visibility = "hidden";
    document.getElementById("kort_overlay").innerHTML = "";
}
var xmlhttp;
function loadXMLDoc(url)
{
    xmlhttp=GetXmlHttpObject();
    if (xmlhttp==null)
    {
        alert ("Your browser does not support XMLHTTP!");
        return;
    }
    xmlhttp.onreadystatechange=stateChanged;
    xmlhttp.open("GET",url,true);
    xmlhttp.send(null);
}

function GetXmlHttpObject()
{
    if (window.XMLHttpRequest)
    {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        return new XMLHttpRequest();
    }
    if (window.ActiveXObject)
    {
        // code for IE6, IE5
        return new ActiveXObject("Microsoft.XMLHTTP");
    }
    return null;
}

function stateChanged()
{
    if (xmlhttp.readyState==4)
    {
        if (xmlhttp.status==200)
        {
            if(xmlhttp.responseXML.documentElement.tagName == 'startsted')
            {
                description = xmlhttp.responseXML.getElementsByTagName('description')[0].firstChild.data;
                name = xmlhttp.responseXML.getElementsByTagName('name')[0].firstChild.data;
                team = xmlhttp.responseXML.getElementsByTagName('team')[0].firstChild.data;
                lat = xmlhttp.responseXML.getElementsByTagName('lat')[0].firstChild.data;
                lon = xmlhttp.responseXML.getElementsByTagName('lon')[0].firstChild.data; 
                document.getElementById("kort_description").innerHTML = "Startsted " + name + ", " + description + ", <a href=\"http://maps.google.com?q=" + lat + "," + lon + "\" target=\"_blank\">Vis i Google Maps</a>";
                shopmap(lat, lon);
            }
        }
        else
        {
           alert("Problem retrieving XML data:" + xmlhttp.statusText);
        }
    }
}