$(function() {
	
(function($) {
	var imgList = [];
	$.extend({
		preload: function(imgArr, option) {
			var setting = $.extend({
				init: function(loaded, total) {},
				loaded: function(img, loaded, total) {},
				loaded_all: function(loaded, total) {}
			}, option);
			var total = imgArr.length;
			var loaded = 0;
			
			setting.init(0, total);
			for(var i in imgArr) {
				imgList.push($("<img />")
					.attr("src", imgArr[i])
					.load(function() {
						if ($(this).attr('src') == "img/arbol_d.png")
						{ 
							$("#loaderOverlay").append("<img id='arbolLoader' src='img/arbol_d.png' />");
							$('#arbolLoader:hidden:first').fadeOut(0).fadeIn('slow');//.css('visibility','visible');
						}
						loaded++;
						setting.loaded(this, loaded, total);
						if(loaded == total) {
							setting.loaded_all(loaded, total);
						}
					})
				);
			}
			
		}
	});
})(jQuery);


$(function() {

	
    $.preload([
        "img/loading.gif",
        "img/arbol_d.png",
        "img/arbol_i_u.png",
        "img/arbol_i_d.png",
        "img/menu.png",
        "img/back_menu_d.png",
        "img/back_menu_u.png",
        "img/juegos.png",
        "img/edificios.png",
        "img/arboles.png",
        "img/agua.png",
        "img/anemometro.png",
        "img/cohete-loop.png",
        "img/ignicion.png",
        "img/monito.png",
        "img/arbol_i_d.png",
        "img/sombraPol.png"
		
		
    ], {
        init: function(loaded, total) {
        },
        loaded: function(img, loaded, total) {
			if (loaded < total)
			{			
				$('#pcentBar').stop().animate({width: parseInt(loaded/total*574) + "px"}, 500);
				$('#pcent').text(parseInt(loaded/total*100) + "%");
			} else {
					$('#pcentBar').stop().animate({width: "574px"}, 500);
					$('#pcent').text(parseInt(loaded/total*100) + "%");

			}
        },
        loaded_all: function(loaded, total) {
			setTimeout(function() {
						$('#loaderOverlay').stop().fadeOut();
						$('#loaderContainer').stop().fadeOut();
						$('#loader').stop().fadeOut();
					},700);
		}
    });
});

});