window.addEvent('domready', function() {
//FIRST SLIDE	
	var slideElement = $('slideA');

	var slideVar = new Fx.Slide(slideElement, {
		//Fx.Slide Options
		mode: 'horizontal', //default is 'vertical'
		//wrapper: this.element, //default is this.element
		
		//Fx Options
		link: 'cancel',
		transition: Fx.Transitions.Bounce.easeOut,
		duration: 1000, 
		

		}).hide().show().hide(); //note, .hide and .show do not fire events 
	
	$('openA').addEvent('click', function(){
		slideVar.toggle();
	});
	
//SECOND SLIDE	
	var slideElement = $('slideB');

	var slideVarB = new Fx.Slide(slideElement, {
		//Fx.Slide Options
		mode: 'horizontal', //default is 'vertical'
		//wrapper: this.element, //default is this.element
		
		//Fx Options
		link: 'cancel',
		transition: Fx.Transitions.Bounce.easeOut,
		duration: 1000, 

			}).hide().show().hide(); //note, .hide and .show do not fire events 
	
	$('openB').addEvent('click', function(){
		slideVarB.toggle();
	});


	
});