window.addEvent('domready', function() {
    var from = 0;
	var myToolTip = new Tips($$('.sidetip'));
	var isAnimating = false;
	var aboutSlides = [
		new Fx.Slide('about1_content').slideIn(),
		new Fx.Slide('about2_content').hide(),
		new Fx.Slide('about3_content').hide(),
		new Fx.Slide('about4_content').hide() ];
	var sideSlides = [
		new Fx.Slide('page_sidebar1', {mode: 'horizontal'}).slideIn(),
		new Fx.Slide('page_sidebar2', {mode: 'horizontal'}).hide(),
		new Fx.Slide('page_sidebar3', {mode: 'horizontal'}).hide(),
		new Fx.Slide('page_sidebar4', {mode: 'horizontal'}).hide() ];

	function slide(to) {
		if(from == to || isAnimating) 
			return;
		
		isAnimating = true;
		aboutSlides[from].slideOut();
		aboutSlides[to].slideIn();
		
		sideSlides[from].slideOut().chain(function() {
			this.element.setStyle('display', 'none');
			sideSlides[to].element.setStyle('display', 'block');
			sideSlides[to].slideIn().chain(function() {
				isAnimating = false;
			});
		});
		from = to;
	}
	
	$('about1').addEvent('click', function(e){
		slide(0);
	});
	
	$('about2').addEvent('click', function(e){
		slide(1);
	});
	
	$('about3').addEvent('click', function(e){
		slide(2);
	});
	
	$('about4').addEvent('click', function(e){
		slide(3);
	});
});