window.addEvent('domready', function() {
	var status = {
		'true': '',
		'false': ''
	};
	
	//-vertical 1

	var myVerticalSlide = new Fxt.Slide('vertical_slide_1');
	myVerticalSlide.hide();
	
	var myVerticalSlide_2 = new Fxt.Slide('vertical_slide_2');
	myVerticalSlide_2.hide();
	
	var myVerticalSlide_3 = new Fxt.Slide('vertical_slide_3');
	myVerticalSlide_3.hide();

	$('disparaitre').addEvent('mousemove', function(e){
		e.stop();
		myVerticalSlide_2.slideOut();
		myVerticalSlide_3.slideOut();
		myVerticalSlide.slideOut();
	});

	$('v_slideout').addEvent('mouseover', function(e){
		e.stop();
		myVerticalSlide_2.slideOut();
		myVerticalSlide_3.slideOut();
		myVerticalSlide.slideIn();
	});

	$('v_slideout').addEvent('mouseout', function(e){
		e.stop();
		myVerticalSlide.slideOut();
	});

	$('v_toggle').addEvent('mouseover', function(e){
		e.stop();
		//myVerticalSlide.toggle();
		myVerticalSlide_2.slideOut();
		myVerticalSlide_3.slideOut();
		myVerticalSlide.slideIn();
	});

	$('v_toggle').addEvent('mousemove', function(e){
		e.stop();
		//myVerticalSlide.toggle();
		myVerticalSlide_2.slideOut();
		myVerticalSlide_3.slideOut();
		myVerticalSlide.slideIn();
	});

	$('v_toggle').addEvent('mouseout', function(e){
		e.stop();
		//myVerticalSlide.toggle();
		myVerticalSlide.slideOut();
	});

	$('v_hide').addEvent('click', function(e){
		e.stop();
		$('vertical_status_1').set('html', status[myVerticalSlide.open]);
	});
	
	$('v_show').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.show();
		$('vertical_status_1').set('html', status[myVerticalSlide.open]);
	});
	
	// 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_1').set('html', status[myVerticalSlide.open]);
	});
	
	//-vertical 2


	$('v_slideout_2').addEvent('mouseover', function(e){
		e.stop();
		myVerticalSlide.slideOut();
		myVerticalSlide_3.slideOut();
		myVerticalSlide_2.slideIn();
	});

	$('v_slideout_2').addEvent('mouseout', function(e){
		e.stop();
		myVerticalSlide_2.slideOut();
	});

	$('v_toggle_2').addEvent('mouseover', function(e){
		e.stop();
		//myVerticalSlide.toggle();
		myVerticalSlide.slideOut();
		myVerticalSlide_3.slideOut();
		myVerticalSlide_2.slideIn();
	});

	$('v_toggle_2').addEvent('mousemove', function(e){
		e.stop();
		//myVerticalSlide.toggle();
		myVerticalSlide.slideOut();
		myVerticalSlide_3.slideOut();
		myVerticalSlide_2.slideIn();
	});

	$('v_toggle_2').addEvent('mouseout', function(e){
		e.stop();
		//myVerticalSlide.toggle();
		myVerticalSlide_2.slideOut();
	});

	$('v_hide').addEvent('click', function(e){
		e.stop();
		$('vertical_status_2').set('html', status[myVerticalSlide_2.open]);
	});
	
	$('v_show').addEvent('click', function(e){
		e.stop();
		myVerticalSlide_2.show();
		$('vertical_status_2').set('html', status[myVerticalSlide_2.open]);
	});
	
	// When Vertical Slide ends its transition, we check for its status
	// note that complete will not affect 'hide' and 'show' methods
	myVerticalSlide_2.addEvent('complete', function() {
		//$('vertical_status_2').set('html', status[myVerticalSlide_2.open]);
	});
	
	//-vertical 3


	$('v_slideout_3').addEvent('mouseover', function(e){
		e.stop();
		myVerticalSlide_2.slideOut();
		myVerticalSlide.slideOut();
		myVerticalSlide_3.slideIn();
	});

	$('v_slideout_3').addEvent('mouseout', function(e){
		e.stop();
		myVerticalSlide_3.slideOut();
	});

	$('v_toggle_3').addEvent('mouseover', function(e){
		e.stop();
		//myVerticalSlide.toggle();
		myVerticalSlide_2.slideOut();
		myVerticalSlide.slideOut();
		myVerticalSlide_3.slideIn();
	});

	$('v_toggle_3').addEvent('mousemove', function(e){
		e.stop();
		//myVerticalSlide.toggle();
		myVerticalSlide_2.slideOut();
		myVerticalSlide.slideOut();
		myVerticalSlide_3.slideIn();
	});

	$('v_toggle_3').addEvent('mouseout', function(e){
		e.stop();
		//myVerticalSlide.toggle();
		myVerticalSlide_2.slideOut();
		myVerticalSlide.slideOut();
		myVerticalSlide_3.slideOut();
	});

	$('v_hide').addEvent('click', function(e){
		e.stop();
		$('vertical_status_3').set('html', status[myVerticalSlide_3.open]);
	});
	
	$('v_show').addEvent('click', function(e){
		e.stop();
		myVerticalSlide_3.show();
		$('vertical_status_3').set('html', status[myVerticalSlide_3.open]);
	});
	
	// When Vertical Slide ends its transition, we check for its status
	// note that complete will not affect 'hide' and 'show' methods
	myVerticalSlide_3.addEvent('complete', function() {
		//$('vertical_status_3').set('html', status[myVerticalSlide_3.open]);
	});
});