// google maps vars

var icon;
var items = [];
initMaps();

function initMaps()
{
	// first define icon
	icon = new GIcon(G_DEFAULT_ICON);
	icon.image = "tl_files/images/mps/mps_icon.png";
	icon.shadow = "tl_files/images/mps/mps_icon_shadow.png";
	icon.shadowSize = new GSize(29,30);
	icon.iconSize = new GSize(29,30);
	icon.iconAnchor = new GPoint(10,10);
	
	// define infowindow
	icon.infoWindowAnchor = new GPoint(10,10);
}

function createPopUpHtml(head,body,url)
{
	var html = '<h5>' + head + '</h5>';
	var html = html + '<p>' + body + '</p>';
	if (url != '' && url != undefined)
	{
		var html = html + "<a href='" + url + "' class='button_inline'><span>meer informatie</span></a>";
	}

	return html;
}
function addMarker(lat,lon,head,body,url)
{
	var point     = new GLatLng(lat,lon);
	var marker    = new GMarker(point, icon);
	GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(createPopUpHtml(head,body,url)); });
	items.push(marker);
}
function addRegion(coords)
{
	var lonlats = [];
	
	for(var i = 0; i < coords.length;i++)
	{
		lonlats.push(new GLatLng(coords[i][0],coords[i][1]));
	}
	// add last coord to be first
	lonlats[lonlats.length] = lonlats[0];
	var polygon = new GPolygon(lonlats, "#4C4A8A", 3, 1, "#ff0000", 0.15);
	items.push(polygon);
}