slides = new Array();
slides[0] = 'xhtml';
slides[1] = 'css';
slides[2] = 'crossbrowser';
slides[3] = 'standards';
slides[4] = 'validating';
slides[5] = 'php';
slides[6] = 'javascript';
slides[7] = 'templates';
slides[8] = 'cms';
slides[9] = 'usability';
slides[10] = 'specwriting';
slides[11] = 'userinterface';

mooslides = new Array();

function slideSetup() {
	for(i=0; i<slides.length; i++){
		mooslides[slides[i]] = new Fx.Slide(slides[i], { mode: 'horizontal' });
		mooslides[slides[i]].hide();
		$(slides[i]+'toggle').addEvent('click', function(e){
			e=new Event(e);
			mooslides[e.target.id.replace(/toggle/, '')].toggle();
			for(j=0; j<slides.length; j++){
				mooslides[slides[j]].hide();
			}
	
			e.stop();
		});
	}
}
 
window.addEvent('domready', slideSetup);

/*
var mySlide2 = new Fx.Slide('xhtml2', {mode: 'vertical'});
mySlide2.hide();
 
$('xhtmltoggle').addEvent('click', function(e){
	e = new Event(e);
	mySlide2.toggle();
	e.stop();
});

var mySlide3 = new Fx.Slide('css', {mode: 'vertical'});
$('csstoggle').addEvent('click', function(e){
	e = new Event(e);
	mySlide3.toggle();
	e.stop();
});
*/