var SectionDiaporama = new Class({
	initialize: function(container, id){
		this.container = container;
		this.id = id;
		this.diaporama = $('decostylFullscreenDiaporama' + this.id);
		this.pictures = this.container.getElements('img');
		this.interval = null;
		this.count = 0;
		this.setup();
	},
	
	get: function(index){
		return this.pictures[index % this.pictures.length];
	},
	
	play: function(){
		this.interval = setInterval(
			"$('" + this.container.get('id') + "').retrieve('diaporama').next()",
			2500
		);
	},
	
	next: function(){
		this.count++;
		this.empty();
		var picture = this.get(this.count);
		picture.set('title', 'Agrandir le diaporama');
		picture.store('diaporama', this);
		picture.addEvent('click', function(event){
			event.target.retrieve('diaporama').diaporama.setStyle('visibility', 'visible');
		});
		this.container.appendChild(picture);
	},
	
	empty: function(){
		this.container.empty();
	},
	
	setup: function(){
		/*for(var i = 0; i < this.pictures.length; i++){
			this.pictures[i].store('diaporama', this);
			this.pictures.addEvent('click', function(event){
				event.target.retrieve('diaporama').diaporama.setStyle('visibility', 'visible');
			});
		}*/
		this.container.store('diaporama', this);
		this.empty();
		var picture = this.get(this.count);
		picture.set('title', 'Agrandir le diaporama');
		picture.store('diaporama', this);
		picture.addEvent('click', function(event){
			event.target.retrieve('diaporama').diaporama.setStyle('visibility', 'visible');
		});
		this.container.appendChild(picture);
		//this.setTitle(this.getTitle(this.count));
		this.play();
	}
});