/*

	Preloader.js
	version 0.2.0
	MIT / (More accurately - X11 License)
	First Created: 5/27/2010
	Last Revised: 08/16/2010
	http://www.edwardhotchkiss.com
	edward@edwardhotchkiss.com
	http://www.edwardhotchkiss.com/blog/jquery-javascript-preloader/

*/

(function($) {

	$.Preloader = function(options) {

    	var settings = {
			itemsLoaded     : 0,
			loaded 		    : false,
			items           : new Array(),
    		onBefore        : function() {},
			onAfter         : function() {},
			onError         : function() {},
			barColor        : "#beb47d",
			overlayColor    : "#000",
			barHeight       : "15px",
			overlay         : ".overlay",
			preloader       : ".preloader",
			siteHolder      : ".container"
    	};

    	if (options) {
        	$.extend(settings, options);
   	 	};

		$("html").css({"overflow" : "hidden"});
		
		$("body").append('<div class="preloader"></div>');
		$("body").append('<div class="overlay"></div>');
				
		$(settings.overlay).css({
			"background" : settings.overlayColor,
			"top"        : 0,
			"left"       : 0,
			"position"   : "absolute",
			"width"		 : "100%",
			"height"     : "100%",
			"overflow"   : "hidden",
			"z-index"    : 1000
		});

		$(settings.preloader).css({
			"position"   : "absolute",
			"height"     : settings.barHeight,
			"top"        : "50%",
			"background" : settings.barColor,
			"width"      : 0,
			"z-index"    : 1001
		});
		
		settings.onBefore.apply(this);
				
		var winWidth = $(window).width();
		var newLeft = (winWidth / 2) - 200;
		var finishLeft = (winWidth + 400) + "px"
		$(settings.preloader).css("left", newLeft + "px");
		
		function preloadImages() {
			$("body").find("img").each(function() {
				url = $(this).attr("src");
				settings.items.push(url);
				onProgress();
			});
		};
		
		function onProgress() {
			settings.itemsLoaded++;
			animatePreloader();
		};
		
		function animatePreloader() {
			percentage = (settings.items.length / settings.itemsLoaded) * 100;
			newWidth = percentage * 4;
			if (percentage > 99) {
				$(settings.preloader).stop().animate({width : newWidth + "px"}, 0, "easeOutQuad", function() {
					$(settings.overlay).fadeOut(100, function() {//initial value was 1500
						$("html").css({ "overflow" : "auto" });
						$(settings.overlay).remove();
						$(settings.siteHolder).fadeIn(2000);
					});
					settings.onAfter.apply(this);
					$(settings.preloader).animate({"left" : finishLeft}, 0, "easeOutElastic", function() {
						$(settings.preloader).remove();
					});
				});
			} else {
				$(settings.preloader).stop().animate({width: newWidth + "px"}, 1000, "easeOutQuad");
			}
		};
		
		preloadImages();
	
	};
	
})(jQuery);