var ImageMini = new Class({
		
	Extends: Picture,

	initialize: function(options) {
		this.parent(options);
		this.dir = 'minis/';
		//this.init();
	},
	
	initElements:function() {
		this.target = this.options.container;
		this.cont = this.target.getFirst('.apercu_cont');
		this.fx_target = this.cont.getFirst('img');
		
		this.prev = this.cont.getFirst('.previous');
		this.next = this.cont.getFirst('.next');
		this.goto = this.cont.getFirst('.goto');
		this.link = this.cont.getFirst('.link');
				
		this.prev.removeClass('visible');
		this.next.removeClass('visible');
		
		[this.next, this.prev].each(function (el) {
			el.addEvent('click', function(e) {
				e.stop();
				this.loadImage(e.target.get('id'));
			}.bind(this));
		}, this);
		
		
		this.initLinks();
	},
		
	initLinks:function() {
		if(this.current < this.total - 1) {
			this.next.addClass('visible');
			this.next.set('id', this.current + 1);
		}
		else {
			this.next.removeClass('visible');
		}
		if(this.current > 0) {
			this.prev.addClass('visible');
			this.prev.set('id', this.current - 1);
		}
		else {
			this.prev.removeClass('visible');
		}
	},
	
	updateImage:function() {
		this.cont_fx.start({'width': this.options.infos[this.current].width_mini, 'height': this.options.infos[this.current].height_mini});
	},
	
	contComplete:function() {
		this.fx_target.set('src', this.path+this.dir+ this.options.infos[this.next_index].md5);
		this.fx.open();
	}
		
});