var Preload = new Class({
	initialize: function(){
			if($chk($$("bannerLayer"))){
					// Define variables
					var path = "/banners/"+current_image+"/";
					var loadedImages = 0;
					var percent = 0;
					var loaderbar = $("progress");
					var loader = $("progress").getElement("div");
					var loadingText = loaderbar.getElement("p");
					var bannerLayer = $("bannerLayer");
					// define styles when display is none
					bannerLayer.setStyle("opacity", 0.001);
					loaderbar.setStyle('display', "block");
					loader.setStyle('display', "block");
					
					//disable other images
					
					//var standardImages = bannerLayer.getElements("img");
					//bannerLayer.set("html","");
					
					var imagesArray = [
						path + "img_01.jpg", path + "img_02.jpg", path + "img_03.jpg",
						path + "img_04.jpg", path + "img_05.jpg", path + "img_06.jpg",
						path + "img_07.jpg", path + "img_08.jpg", path + "img_09.jpg",
						path + "img_10.jpg", path + "img_11.jpg", path + "img_12.jpg"
					];

					var myImages = new Asset.images(imagesArray, {	
						//WHEN IS LOADING							
						onProgress: function(i) {
							loadedImages = (i+1)*20;
							percent = (loadedImages/240)*100;
							loader.setStyle("width", loadedImages+"px");
							loadingText.set("html","Loading... "+percent.round(0)+"%");
						},
						//WHEN DONE LOADING
						onComplete: function(){
							loaderbar.setStyle("display", "none");
							imagesArray.each(function(value) {
								var headerimage = new Element("img", {"src":value, "alt":"header"});
								headerimage.injectInside($("bannerLayer"));
							});
							bannerLayer.fade("in");
						}
					});					
			}
	}
	
});

var obj_Preload = null;
window.addEvent("domready", function() {
	obj_Preload = new Preload();
});