window.addEvent('domready', init);

var slides = [];

function init() {
	$$('.question a').each(function(slider, i) {
		// get the element to slide
		link = slider.getProperty('href');
		link = link.replace('#', '');
		slides[i] = [];
		slides[i][0] = new Fx.Slide(link, {duration: 400});
		slides[i][1] = new Fx.Style(link, 'background-color', {duration:400});
		
		// set state
		slides[i][0].hide();
		
		// inject onclick event
		slider.addEvent('click', function(e) {
			new Event(e).stop();
			slides[i][0].toggle();
			slides[i][1].start('#FFFFFF', '#999999').chain(function() {
				this.start('#999999', '#FFFFFF')
			});
		});
	});
}