$(window).addEvent('domready', function() {
	var openPointsInfo = function(header, content, id) {
		var pointsInfoModal = new Modal({
			'id': id,
			'buttons': [ {'title':'Zamknij', 'className':'close-button'} ],
            'onButton': function(e, button) {
                e.stop();
                this.close();
            }
        });
		if (header != '') pointsInfoModal.content.grab(new Element('h3', {'text': header}));
		pointsInfoModal.content.grab(new Element('div', {'html': content, 'class': 'modal-info-content'}));
		pointsInfoModal.show();
	};
	var buildIcon = function(options) {
		return new Element('img', {
			'src': $defined(options.icon) ? options.icon : '/img/question-mark-2.png',
			'alt': '?',
			'title': $defined(options.title) ? options.title : 'Dowiedz się więcej',
			'class': 'modal-info-button',
			'events': {
				'click': function (e) {
					e.stop();
					openPointsInfo(options.header, options.content, $defined(options.id) ? options.id : 'points-info');
				}
			}
		});
	};
	var params = globalParams['utils/modal-info.js'];
	for (var key in params) {
		if (key.charAt(0) == '#') {
			var options = params[key];
			$(key.substring(1)).addEvent('click', function (e) {
				e.stop();
				openPointsInfo(options.header, options.content, $defined(options.id) ? options.id : 'points-info');
			});
		} else {
			var k = $(key);
			if (k) {
				k.addClass('modal-info-container');
				k.grab(buildIcon(params[key]));
			}
		}
	}
});