function changeBackgroundImage(id, image)
{
	var object = document.getElementById(id);
	var cssURL = "url('assets/images/" + image + "')";
	
	object.style.backgroundImage = cssURL;
}

function displayPerson(id)
{
	document.getElementById("overlay").style.visibility = 'visible';
	document.getElementById(id).style.visibility = 'visible';
	document.getElementById("overlay").style.display = 'block';
	document.getElementById(id).style.display = 'block';
}

function closePerson(id)
{
	document.getElementById("overlay").style.visibility = 'hidden';
	document.getElementById(id).style.visibility = 'hidden';
	document.getElementById("overlay").style.display = 'none';
	document.getElementById(id).style.display = 'none';
}

function onLoadForm(widget)
{
	widget.addEventListener("beforeSubmit", function()
	{
		document.getElementById("form_"+widget.item.id + "_message").style.display = "block";
		document.getElementById("form_"+widget.item.id).style.display = "none";
	});
}

function OpenDirectionsPopup(start, end)
{
	var url = "http://maps.google.nl/maps?f=d&source=s_d&daddr=" + end + "&hl=nl&geocode=&mra=ls&ie=UTF8&saddr=" + start;
	window.open(url);
}