window.addEvent('domready', function() {
									 
	var status = {
		'true': '(hide answer)',
		'false': '(show answer)'
	};
	
	$$('div.section').each(function(section){
	
		//-vertical
	
		var div = section.getElement('.vertical_slide');
		var myVerticalSlide = new Fx.Slide(div).hide();

		section
			.getElement('.v_toggle')
			.addEvent('click', function(e){
				e = new Event(e);
				myVerticalSlide.toggle();
				e.stop();
		});
		
		// When Vertical Slide ends its transition, we check for its status
		// note that complete will not affect 'hide' and 'show' methods
		myVerticalSlide.addEvent('complete', function() {
			section
				.getElement('.vertical_status').set('html', status[myVerticalSlide.open]);
		});
	});	
});