function showMessage(msg) {
	$.fancybox( { content : '<div style="background-color: #111111; padding: 25px;"><p>' 
		+ msg + '</p><p style="margin-top: 15px; text-align: center;">'
		+ '<button type="button" onclick="$.fancybox.close();"> ok </button></p></div>',
		centerOnScroll : true,
		padding: 1} );
}

function showError(msg) {
	$.fancybox( { content : '<div style="background-color: #111111; padding: 25px;">'
		+ '<div style="display: table;"><div style="display: table-row;">'
		+ '<div style="display: table-cell; vertical-align: middle; color: #ff0000; font-size: 52px; font-weight: bold; padding: 15px;">!</div>'
		+ '<div style="display: table-cell; padding-right: 25px;">' + msg + '</div></div></div>'
		+ '<div style="margin-top: 15px; text-align: center;">'
		+ '<button type="button" onclick="$.fancybox.close();"> ok </button></div></div>',
		centerOnScroll : true,
		padding: 1} );
}

function showCustomDialog( html, cmpl ) {
	$.fancybox( {
			content    : '<div style="background-color: #222222; padding: 25px;">' + html + '<div>',
			onComplete : cmpl,
			centerOnScroll : true,
			padding: 1
		} );
}

function onContentLoaded() {
	$('a.fancybox').fancybox();
	// make comments look better
	$('div.comment').wrap('<div />').before('<div class="commentpicture"></div>');
}