window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
		
	};
	//- ALERT!!!!! For whatever reason, when we tried to make this go horizontal we had to leave everything saying vertical, and just add the {mode: 'horizontal'} after vertical_slide there.
	//-vertical


var div = $('allsitecontainer').setStyles({
display:'inline-table',
opacity: 0
});


	var myVerticalSlide = new Fx.Slide('vertical_slide', {mode: 'horizontal', transition: 'linear', duration: 250}).hide();
	var myVerticalSlide2 = new Fx.Slide('vertical_slide2', {mode: 'horizontal', transition: 'linear', duration: 250}).hide();
	var myVerticalSlide3 = new Fx.Slide('vertical_slide3', {mode: 'horizontal', transition: 'linear', duration: 250}).hide();
	var myVerticalSlide4 = new Fx.Slide('vertical_slide4', {mode: 'horizontal', transition: 'linear', duration: 250}).hide();	
	var myVerticalSlide5 = new Fx.Slide('vertical_slide5', {mode: 'vertical', transition: 'linear', duration: 250}).hide();
	var myVerticalSlide6 = new Fx.Slide('vertical_slide6', {mode: 'vertical', transition: 'linear', duration: 250}).hide();	
	var myVerticalSlide7 = new Fx.Slide('vertical_slide7', {mode: 'vertical', transition: 'linear', duration: 250}).hide();
	var myVerticalSlide8 = new Fx.Slide('vertical_slide8', {mode: 'vertical', transition: 'linear', duration: 250}).hide(); //test
	//var myVerticalSlide6 = new  Fx.Tween('client2', {property: 'left', duration: 500 });
    //var state = '426px';
	
	$('v_slidein6').addEvent('click', function(){ 
        state = '426px';
        myVerticalSlide8.slideIn();	//test
		myVerticalSlide7.slideOut(); 
        myVerticalSlide6.slideIn();
	    myVerticalSlide5.slideOut();
		myVerticalSlide4.slideOut();
		myVerticalSlide3.slideOut();
		myVerticalSlide2.slideOut();
		myVerticalSlide.slideOut();
  
     });
	

	$('v_slidein').addEvent('click', function(e){
		e.stop();
		state = '426px';
		myVerticalSlide8.slideOut();
		myVerticalSlide7.slideOut();
		myVerticalSlide6.slideOut();
		myVerticalSlide5.slideOut();
		myVerticalSlide4.slideOut();
		myVerticalSlide3.slideOut();
		myVerticalSlide2.slideOut();
		myVerticalSlide.slideIn();
	});
	
	$('v_slidein2').addEvent('click', function(e){
		e.stop();
		state = '426px';
		myVerticalSlide8.slideOut();
		myVerticalSlide7.slideOut();
		myVerticalSlide6.slideOut();
		myVerticalSlide5.slideOut();
		myVerticalSlide4.slideOut();
		myVerticalSlide3.slideOut();
		myVerticalSlide.slideOut();
		myVerticalSlide2.slideIn();
	});
	
	$('v_slidein3').addEvent('click', function(e){
		e.stop();
		state = '426px';
		myVerticalSlide8.slideOut();
		myVerticalSlide7.slideOut();
		myVerticalSlide6.slideOut();
		myVerticalSlide5.slideOut();
		myVerticalSlide4.slideOut();
		myVerticalSlide2.slideOut();
		myVerticalSlide.slideOut();
		myVerticalSlide3.slideIn();
	});
	
	$('v_slidein4').addEvent('click', function(e){
		e.stop();
		state = '426px';
		myVerticalSlide8.slideOut();
		myVerticalSlide7.slideOut();
		myVerticalSlide6.slideOut();
		myVerticalSlide5.slideOut();
		myVerticalSlide3.slideOut();
		myVerticalSlide2.slideOut();
		myVerticalSlide.slideOut();
		myVerticalSlide4.slideIn();
	});
	
	$$('.v_slidein5').addEvent('click', function(e){
		e.stop();
		state = '426px';
		myVerticalSlide8.slideOut();
		myVerticalSlide6.slideOut();
		myVerticalSlide7.slideIn();
		myVerticalSlide5.slideIn();
	});
	
	//$('v_slidein7').addEvent('click', function(e){
		//e.stop();
		//state = '426px';
		//myVerticalSlide7.slideIn();
	//});
	
	$('v_clear').addEvent('click', function(e){
		e.stop();
		state = '426px';
		myVerticalSlide8.slideOut();
		myVerticalSlide7.slideOut();
		myVerticalSlide6.slideOut();
		myVerticalSlide5.slideOut();
		myVerticalSlide4.slideOut();
		myVerticalSlide3.slideOut();
		myVerticalSlide2.slideOut();
		myVerticalSlide.slideOut();
	});

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

	
	
	// 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() {
		
	});
	

});