gistfile1.js

SlideShow.Controls = new Class({

	Extends: SlideShow,

	options: {
		controlsSelector: '',
		controlSyntax: 'li a[href=#]'
	},
	
	setupSlides: function(){	
		this.controlsContainer = document.id(this.options.controlsSelector);
	
		this.slides.each(function(slide, index){
			this.addControl(slide, index);
			slide.store('slideshow-index', index);
			this.storeData(slide);
			if (this.current || index == 0) return;
			this.reset(slide);
			slide.setStyle('display', 'none');
		}, this);
		
		this.fireEvent('setupComplete');
		
		return this;
	},
	
	addControl: function(slide, index){
		var control = Elements.fromSelector(this.options.controlSyntax);
		control.getElement('a').set('text', (index + 1));
		control.addEvent('click', function(){
			this.show(slide);
			this.pause();
			return false;
		}.bind(this));
		
		this.controlsContainer.adopt(control);
	}

});