window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: true,
		display: -1,
		alwaysHide: true,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#FFF');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#AEAEAE');
		}
	});
	
	//vertical slide fx
	
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	//-vertical

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


	
	

});