function LoadingOverlay()
{    
	this.loadingImage = $('<img />');
	this.loadingImage.attr('src', 'images/bgLoadingImage.gif');
	this.loadingImage.css('position', 'absolute');
	this.loadingImage.css('top', '45%');
	this.loadingImage.css('left', '45%');
	
	this.overlay = $('<div id="loadingOverlay" />');
	this.overlay.css('position', 'absolute');
	this.overlay.css('top', 0);
	this.overlay.css('left', 0);
	this.overlay.css('width', '100%');
	this.overlay.css('height', '100%');
	this.overlay.css('background-image', 'url(images/bgLoadingOverlay.png)');
	this.overlay.css('background-repeat', 'repeat');
	this.overlay.css('z-index', 9999);
	this.overlay.css('text-align', 'center');
	
	this.overlay.append(this.loadingImage);
	this.overlay.hide();
	$('body').prepend(this.overlay);
	
	this.showLoadingOverlay = function() {
		this.overlay.show();
    };
	
	this.hideLoadingOverlay = function() {
		this.overlay.hide();
    };
}