window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	//-vertical first div
	$('close').setStyle('visibility', 'hidden');
	var myVerticalSlide = new Fx.Slide('vertical_slide');
	var myVerticalSlide1 = new Fx.Slide('vertical_slide1');
	myVerticalSlide.hide();
	myVerticalSlide1.hide();
	$('v_slidein').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.slideIn();
		myVerticalSlide1.slideOut();
		$('open').setStyle('visibility', 'hidden');
		$('close').setStyle('visibility', 'visible');
		$('open1').setStyle('visibility', 'visible');
		
	});

	$('v_slideout').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.slideOut();
		$('open').setStyle('visibility', 'visible');
		$('close').setStyle('visibility', 'hidden');
	});
//-vertical second div
	$('v_slidein1').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.slideOut();
		myVerticalSlide1.slideIn();
		$('open1').setStyle('visibility', 'hidden');
		$('close1').setStyle('visibility', 'visible');
		$('open').setStyle('visibility', 'visible');
		
	});

	$('v_slideout1').addEvent('click', function(e){
		e.stop();
		myVerticalSlide1.slideOut();
		$('open1').setStyle('visibility', 'visible');
		$('close1').setStyle('visibility', 'hidden');
	});
	
	// 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() {
		$('vertical_status').set('html', status[myVerticalSlide.open]);
	});
	*/
	
	
});