function showlist()
{
document.getElementById('provincies').style.visibility= 'visible';
}

function closelist()
{
document.getElementById('provincies').style.visibility= 'hidden';
}

function showstad()
{
document.getElementById('steden').style.visibility= 'visible';
}

function closestad()
{
document.getElementById('steden').style.visibility= 'hidden';
}

function showactiviteiten()
{
document.getElementById('activiteiten').style.visibility= 'visible';
}

function closeactiviteiten()
{
document.getElementById('activiteiten').style.visibility= 'hidden';
}

function opslaan()
{
document.getElementById('vgo').style.visibility= 'visible';
}

function sluitvgo()
{
document.getElementById('vgo').style.visibility= 'hidden';
}

var divName = 'details'; 
var offX = 16;
var offY = -25;
function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;} function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;} function follow(evt) {if (document.getElementById) {var obj = document.getElementById(divName).style; obj.visibility = 'visible'; obj.left = (parseInt(mouseX(evt))+offX) + 'px';  obj.top = (parseInt(mouseY(evt))+offY) + 'px';}} document.onmousemove = follow;

function popup(msg)
{
   var info = document.getElementById(msg);
   var neerslagkans = info.getAttribute("neerslagkans");
   var zonkans = info.getAttribute("zonkans");  

   var content='<div class=\"details\"><u>Details</u><br /><strong>Neerslagkans:</strong><br />'+neerslagkans+'<br /><strong>Zonkans:</strong><br />'+zonkans+'</div>';
   document.getElementById(divName).innerHTML = content;
}

function kill_popup()
{
   var content= "";
   document.getElementById(divName).innerHTML = content;
}