window.addEvent('domready', function() {
	//EXAMPLE A
	var slideElementA = $('slideA');
 
	var slideVarA = new Fx.Slide(slideElementA, {
		//Fx.Slide Options
		mode: 'vertical', //default is 'vertical'
		//wrapper: this.element, //default is this.element
 
		//Fx Options
		//link: 'cancel',
		transition: 'sine:in',
		duration: 300, 
 
 
		//Fx Events
		onStart: function(){
			$('start').highlight("#EBCC22");
		},
 
		onCancel: function(){
			$('cancel').highlight("#EBCC22");
		},
 
		onComplete: function(){
			$('complete').highlight("#EBCC22");
		}
	}).hide();
 
	$('openA').addEvent('click', function(){
		slideVarA.toggle();
	});
 
 
 
	//EXAMPLE B
	var slideElementB = $('slideB');
 
	var slideVarB = new Fx.Slide(slideElementB, {
		//Fx.Slide Options
		mode: 'vertical', //default is 'vertical'
		//wrapper: this.element, //default is this.element
 
		//Fx Options
		//link: 'cancel',
		transition: 'sine:in',
		duration: 300, 
 
 
		//Fx Events
		onStart: function(){
			$('start').highlight("#EBCC22");
		},
 
		onCancel: function(){
			$('cancel').highlight("#EBCC22");
		},
 
		onComplete: function(){
			$('complete').highlight("#EBCC22");
		}
	}).hide();
 
	$('openB').addEvent('click', function(){
		slideVarB.toggle();
	});
	
 
	//EXAMPLE C
	var slideElementC = $('slideC');
 
	var slideVarC = new Fx.Slide(slideElementC, {
		//Fx.Slide Options
		mode: 'vertical', //default is 'vertical'
		//wrapper: this.element, //default is this.element
 
		//Fx Options
		//link: 'cancel',
		transition: 'sine:in',
		duration: 300, 
 
 
		//Fx Events
		onStart: function(){
			$('start').highlight("#EBCC22");
		},
 
		onCancel: function(){
			$('cancel').highlight("#EBCC22");
		},
 
		onComplete: function(){
			$('complete').highlight("#EBCC22");
		}
	}).hide();
 
	$('openC').addEvent('click', function(){
		slideVarC.toggle();
	});
 
 
	$('slideD').slide('hide');
 
	$('openD').addEvent('click', function(){
		$('slideD').slide('toggle');
	});
 
	//EXAMPLE C
	var slideElementE = $('slideE');
	var slideWrap = $('slide_wrap');
 
	var slideVarE = new Fx.Slide(slideElementE, {
		//Fx.Slide Options
		//mode: 'vertical', //default is 'vertical'
		wrapper: slideWrap //default is this.element
	}).hide(); 
 
	$('openE').addEvent('click', function(){
		slideVarE.toggle();
	});
});