function mapPunt (container, title, link, visible, coordinates) {
	
	var self		= this;
	var container	= (typeof(container) == 'object')? container : document.getElementById(container);
	var title		= title;
	var link		= link;
	var visible		= (visible == '1')? true : false;
	var coordinates = coordinates;
	var cordsLeft	= null;
	var cordsTop	= null;
	
	var init = function () {
		var splitter 	= coordinates.split(',');
		cordsLeft 		= splitter[0];
		cordsTop		= splitter[1];
		
		render();
	};
	
	var render = function () {
		var punt 					= document.createElement('div');
			punt.className 			= 'punt';
			punt.style.marginLeft	= cordsLeft + 'px';
			punt.style.marginTop	= cordsTop + 'px';
			container.appendChild(punt);
			
		var info			= document.createElement('div');
			info.className 	= 'info';
			info.innerHTML  = title;
			punt.appendChild(info);
		if (container.id == 'map_vak') {	
			var image				= document.createElement('img');
				image.src			= baseUrl + 'source/img/arrowKraaij.png';
				info.appendChild(image);
				image.style.left 		= ((parseFloat(info.offsetWidth) / 2) - 10) + 'px';
				image.style.top			= (parseFloat(info.offsetHeight) - 1) + 'px';
				info.style.top 			= '-' + ((parseFloat(info.offsetHeight) + parseFloat(image.offsetHeight)) + 4)  + 'px';
				info.style.left			= '-' + ((parseFloat(info.offsetWidth) / 2) - 5) + 'px';
		}
			
		if (visible) {
			punt.onclick = function () {
				window.location = link;
			};	
		}
		
		
		
		
		return;
	};
	
	init();
}