var AboutUs = {
	
	start: function(){
		AboutUs.appearText();
		
		$('about-us').className = 'who';
		var buttons = $$('#sub-nav a');

		buttons.each(function(button) {
			button.addEvent('click', function() { $('about-us').className = button.className;});
		});
	},

	appearText: function(){
		var timer = 0;
		var sideblocks = $$('#sub-nav li');
		
		var slidefxs = [];
		var fadeFFfxs = [];
		var fadeIEfxs = [];
		
		sideblocks.each(function(el, i){
			el.setStyle('margin-left', '-155px');
			/*el.setStyle('opacity', '0');*/
			timer += 150;
			
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 700,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: AboutUs.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);
			
			fadeFFfxs[i] = new Fx.Style(el, 'opacity', {
				duration: 700,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: AboutUs.createOver.pass([el, i])
			});
			fadeFFfxs[i].start.delay(timer, fadeFFfxs[i], 1);
			
			fadeIEfxs[i] = new Fx.Style(el, 'filter', {
				duration: 700,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: AboutUs.createOver.pass([el, i])
			});
			fadeIEfxs[i].start.delay(timer, fadeIEfxs[i], 'alpha(opacity=100)');

		}, this);
	},
	
	createOver: function(el, i){
		var first = el.getFirst();
		if (!first || first.getTag() != 'a') return;
		var overfxs = new Fx.Styles(first, {'duration': 200, 'wait': false});

		var tosize = '21px';
		var fromsize = '12px';

		el.addEvent('mouseover', function(){
			overfxs.start({
				'margin-left': 10,
				'font-size': tosize
			});
		});
		el.addEvent('mouseout', function(){
			overfxs.start({
				'margin-left': 0,
				'font-size': fromsize
			});
		});
	}
	
};

window.addEvent('domready', AboutUs.start);