var tellusWorksFader = Class.create(
{
	initialize: function(obj)
	{
		var self = this;
		this.obj = obj;
		
		this.currentFadeImg = 0;
		this.allFaderImages = $$('#'+this.obj.imagesContainer+' li');
		this.allTumbnails = $$('#'+this.obj.tumbnailContainer+' li');
		
		this.allTumbnails.each(function(elm,i){
			$(elm).observe('click',function(){
				self.fadeAppear(i);
				
			});
		});
		
		this.isFaderAnimating = false;
		
	},
	
	fadeAppear: function(i){
		
		var self = this;
		if(self.currentFadeImg != i){
			if(self.isFaderAnimating != true){
				
				self.isFaderAnimating = true;
				$(self.allFaderImages[i]).appear({ duration: 1.0 });

				
				$(self.allFaderImages[self.currentFadeImg]).fade({ duration: 1.0, afterFinish: function(){ self.isFaderAnimating = false; }});

				
				self.currentFadeImg = i;
			}
		}
		
	}

});

Event.observe(window, 'load', function()
{
	if($('tumbnails')){
		var newTellusWorksFader = new tellusWorksFader(
		{
			imagesContainer: 'articleDetailImages',
			tumbnailContainer : 'tumbnails'
		});
	}
	
});