window.addEvent('domready', function(){
	var divs = $$(['docs', 'js', 'html', 'css']);
	divs.each(function(div){
		var link = $(div.id + 'code');
		div.setStyle('display', 'none');
		link.addEvent('click', function(e){
			e = new Event(e);
			divs.each(function(other){
				if (other != div) other.setStyle('display', 'none');
			});
			div.setStyle('display', (div.getStyle('display') == 'block') ? 'none' : 'block');
			e.stop();
		});
	});
	
	
var scroll2 = new Scroller('mousemove', {area: 100, velocity: 1});
			// Mousemove
			$('mousemove').addEvent('mouseover', scroll2.start.bind(scroll2));
			$('mousemove').addEvent('mouseout', scroll2.stop.bind(scroll2));
	
	
	//-vertical
 
var mySlide = new Fx.Slide('test');
 mySlide.hide();

$('slidein').addEvent('click', function(e){
	e = new Event(e);
	mySlide.slideIn();
	mySlide2.slideOut();
	mySlide3.slideOut();
	e.stop();
});
 
$('slideint').addEvent('click', function(e){
	e = new Event(e);
	mySlide.slideIn();
	mySlide2.slideOut();
	mySlide3.slideOut();
	e.stop();
});
 

 
 
 var mySlide2 = new Fx.Slide('test2');
 mySlide2.hide();
 
$('slidein2').addEvent('click', function(e){
	e = new Event(e);
	mySlide2.slideIn();
	mySlide.slideOut();
	mySlide3.slideOut();
	e.stop();
});
 
$('slidein2t').addEvent('click', function(e){
	e = new Event(e);
	mySlide2.slideIn();
	mySlide.slideOut();
	mySlide3.slideOut();
	e.stop();
}); 


var mySlide3 = new Fx.Slide('test3');
mySlide3.hide();
 
$('slidein3').addEvent('click', function(e){
	e = new Event(e);
	mySlide3.slideIn();
	mySlide2.slideOut();
	mySlide.slideOut();
	e.stop();
});
 
$('slidein3t').addEvent('click', function(e){
	e = new Event(e);
	mySlide3.slideIn();
	mySlide2.slideOut();
	mySlide.slideOut();
	e.stop();
}); 
	
});