var info = '';
var infoText = '';

$(document).ready( function()
{
	$('body').append('<div id="info" style="display: none"><div class="ui-widget-overlay" style="z-index: 1005; position: fixed"></div><div style="position: fixed; top: 100px; left:30%; width: 380px; z-index: 1006; padding: 10px;" class="ui-widget ui-widget-content ui-corner-all">		<div class="text ui-dialog-content ui-widget-content" style="background: none; border: 0; text-align: center; padding: 30px 0;">[...]</div></div></div>')
	info = $('#info')
	infoText = info.children('.ui-widget').children()
})

function showInfo(txt)
{
	infoText.html(txt);
	var pos = info.children().eq(1);
	pos.css({ 'top': ($(window).height()-pos.height()-50)/2, 'left': ($(window).width()-pos.width())/2})
	info.css('display','block')
	$('body').css('cursor','wait')
}
function hideInfo()
{
	info.css('display','none')
	$('body').css('cursor','auto')
}