function showLoadingMessage(messageToShow){
	try{
		$('#messageToShow').text(messageToShow);
		
		$('#loadingBackgroundDiv').removeClass('preload');
		$('#loadingMessageDiv').removeClass('preload');
		
		$('#loadingBackgroundDiv').addClass('loadingBackground');
		$('#loadingMessageDiv').addClass('loadingMessage');
		
		$('#loadingBackgroundDiv').height($(document).height());
		
		setLoadingPosition();
		
		//hack for IE - animation stops when next page starts loading unless you set image src=src
		$('.spinner').attr('src', $('.spinner').attr('src'));
		
		$(window).scroll(function(eventObject){ 
			setLoadingPosition();
		});
	}
	catch(ex){ //if anything goes wrong, just continue because this is purely cosmetic
	}
}

function setLoadingPosition(){
	$('#loadingMessageDiv')[0].style.top = ($(window).height() / 2 + window.document.body.scrollTop) - $('#loadingMessageDiv').height() / 2;
	$('#loadingMessageDiv')[0].style.left = ($(window).width() / 2) - $('#loadingMessageDiv').width() / 2;
}

function hideLoadingMessage(){
	$('#loadingMessageDiv').fadeOut(1000, $('#loadingMessageDiv').remove());
	$('#loadingBackgroundDiv').fadeOut(1000, $('#loadingBackgroundDiv').remove());
}