var gImageLoader = Class.create();

gImageLoader.prototype = {
	
	s: null,
	loadedImages: [],
	currentMainImage: null,
	
	initialize: function(settings) {
		this.s = settings;
		this.loadImage();
	},
	
	loadImage: function() {
			var newMainImage = document.createElement('img');
			this.currentMainImage = $(this.s.target_main_element).childNodes[0];
			//this.currentMainImage.style.border = "1px solid red";
			$(this.s.target_main_element).insertBefore(newMainImage,this.currentMainImage);
			Event.observe(newMainImage, 'load', this.mainImageLoaded.bind(this, newMainImage));
			Element.show('system_working');
			newMainImage.src = this.s.image_path;
	},
	
	mainImageLoaded: function(el) {
			Element.hide('system_working');
			var siblings = Element.nextSiblings(el);
			Effect.Fade(siblings[0],{afterFinish: this.destroyImage.bind(this)});
	},
	
	destroyImage: function(el) {
		//el.element.parentNode.removeChild(this.currentMainImage);
	}
}


/*
var myGlobalHandlers = {
	onCreate: function(){
		Element.show('system_working');
	},
};

Ajax.Responders.register(myGlobalHandlers);
*/