$(function () {
			$('.preload').hide();//hide all the images on the page
			$('#head').hide();
			$('.sideslide').animate({ width: "100%", left: "50px", top: "0px" ,　zoom: "100%"}, 500 );
			$('body').append('<div id="load"></div>');
		});
		
		var i = 0;//initialize
		var int=0;//Internet Explorer Fix
		$(window).bind("load", function() {//The load event will only fire if the entire page or document is fully loaded
			var int = setInterval("doThis(i)",500);//500 is the fade in speed in milliseconds
		});

		function doThis() {
			var preloads = $('.preload').length;//count the number of images on the page
			if (i >= preloads) {// Loop the images
				clearInterval(int);//When it reaches the last image the loop ends
			}
			$('.preload:hidden').eq(0).fadeIn(500);//fades in the hidden images one by one
			$('#content_container').removeClass('content_loading');//you could find this very useful!
			i++;//add 1 to the count
		}