$(document).ready(function() {
	$('body').append(
			'<div id="infobox">'
				+ '<h5><a href="#"><span>bezár</span></a></h5>'
				+ '<p>&nbsp;</p>'
			+ '</div>');

	$('[title^=info:]').each(function() {
		var info = $(this).attr('title');
		var offset = $(this).offset();

		$(this).removeAttr('title');
		$('<span class="info"></span>')
			.attr('info', info.substr(6))
			.appendTo($(this))
			.hover(function() {
				$('#infobox')
					.css('top', offset.top + 'px')
					.find('p')
					.html($(this).attr('info').replace(/\n/g, '<br />'))
					.end().show();
			}, function() {
				$('#infobox').hide();
			});
	});
});