$(function () {
			$('.preload').hide();//hide all the images on the page
			//$('#head').hide();
			//$('.sideslide').animate({ right: "20px", height: "110px", top: "20px" }, 3000 );
			$('body').append('<div id="load"></div>');
			$('#load').fadeIn('slow');
		});
		
		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!
			$('#load').fadeOut('slow');
			i++;//add 1 to the count
		}