window.addEvent('domready', function() {
	//--horizontal
	var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});
	myHorizontalSlide.hide();

	$('h_slideout').addEvent('click', function(e){
		e.stop();
		myHorizontalSlide.slideOut();
	});

	$('h_toggle').addEvent('click', function(e){
		e.stop();
		myHorizontalSlide.toggle();
	});
	
	
	var myVerticalSlide01 = new Fx.Slide('vertical_slide01');
	myVerticalSlide01.hide();
	
	$('v_toggle01').addEvent('click', function(e){
		e.stop();
		myVerticalSlide01.toggle();
	});
	$('v_slideout01').addEvent('click', function(e){
		e.stop();
		myVerticalSlide01.slideOut();
	});
	
	var myVerticalSlide02 = new Fx.Slide('vertical_slide02');
	myVerticalSlide02.hide();
	
	$('v_toggle02').addEvent('click', function(e){
		e.stop();
		myVerticalSlide02.toggle();
	});
	$('v_slideout02').addEvent('click', function(e){
		e.stop();
		myVerticalSlide02.slideOut();
	});
		
	var myVerticalSlide03 = new Fx.Slide('vertical_slide03');
	myVerticalSlide03.hide();
	
	$('v_toggle03').addEvent('click', function(e){
		e.stop();
		myVerticalSlide03.toggle();
	});
	$('v_slideout03').addEvent('click', function(e){
		e.stop();
		myVerticalSlide03.slideOut();
	});
		
	var myVerticalSlide04 = new Fx.Slide('vertical_slide04');
	myVerticalSlide04.hide();
	
	$('v_toggle04').addEvent('click', function(e){
		e.stop();
		myVerticalSlide04.toggle();
	});
	$('v_slideout04').addEvent('click', function(e){
		e.stop();
		myVerticalSlide04.slideOut();
	});
	
	var myVerticalSlide05 = new Fx.Slide('vertical_slide05');
	myVerticalSlide05.hide();
	
	$('v_toggle05').addEvent('click', function(e){
		e.stop();
		myVerticalSlide05.toggle();
	});
	$('v_slideout05').addEvent('click', function(e){
		e.stop();
		myVerticalSlide05.slideOut();
	});


});