function PreLoader() {
	this.preloading = false;
	this.preloader = $("div#mapApp").prepend('<div id="mapsPreloaderTransBG">&nbsp;</div><div id="preloaderContainer"><div id="preloader"><span><img src="http://www.evosys.be/Virtual/huva/nieuw/images/mapApp/preloader.gif" alt="loading"/> <b>Bezig met laden...</b></span></div></div>').find("#preloaderContainer").hide();
	
	this.preloader.css({
		position:"absolute",
		opacity:1,
		zIndex:4,
		height:$("div#mapCanvas").height(),
		width:$("div#mapCanvas").width(),
		marginTop:"100px",
		marginLeft:parseInt($("div#mapCanvas").width())/2 - 170/2 + "px"
	});
	var background = $("div#mapsPreloaderTransBG").css({
		height:$("div#mapCanvas").height(),
		position:"absolute",
		width:$("div#mapCanvas").width(),
		marginTop:"-10px",
		background:"black",
		opacity:0.8,
		zIndex:3
	}).hide();
	
	if ($.browser.msie && parseInt($.browser.version) <= 7) {
		
		background.css({marginTop:0, marginLeft:"-10px"});
		
	}
	
	this.showPreloader = function() {
		this.preloading = true;
		background.show();
		this.preloader.show();
	}
	this.hidePreloader = function() {
		if (this.preloading) {
			background.hide();
			this.preloader.hide();
			this.preloading = false;
		}
	}
}