$(document).ready(function() {
	$('body').css({overflow: 'hidden'});
	var width = $(document).width(), left = width/2;
	left = left - 110;
	$('body').append('<div id="pubg" style="position: absolute; top: 0px; left: 0px; height: 2500px; width: 100%; background: #000; opacity: .8; z-index: 1000000;"></div>');
	$('body').append('<img id="puim" style="position: absolute; top: 225px; left: '+left+'px; z-index: 1000001;" src="images/component/MSXC-loading.gif" />');
	$('body').append('<img id="puim2" style="position: absolute; top: 400px; left: '+left+'px; z-index: 1000001;" src="images/component/loading-page.gif" />');
});
window.onload = function() {
	$('#pubg, #puim, #puim2').css("display", "none");
	$('body').css({overflow: 'visible'});
	$('.wrap').css("display","block");
}
//Preload the image;
var Img = new Image();
Img.src = "images/component/loading-page.gif";