window.addEvent('domready', function(){
	// Nav 'indent' effect
	var list = $$('#navigation li a');
	list.each(function(element) {
		var fx = new Fx.Styles(element, {duration:250, wait:false});
		element.addEvent('mouseenter', function(){
			fx.start({
				'padding-left': 6
			});
		});
		element.addEvent('mouseleave', function(){
			fx.start({
				'padding-left': 0
			});
		});
	});
	
	// Animation on load
	var fade_elements = $$('#logo', '#image', '#navigation li');
	var fade_fxs = [];

	fade_elements.each(function(el, i){
		if( el.setOpacity ) {
			timer += 300;
			
			el.setStyle('background-color', '#FFFFFF');
			el.setOpacity(0);
	
			fade_fxs[i] = new Fx.Style(el, 'opacity', {
					duration: 4000,
					transition: Fx.Transitions.backOut,
					wait: false
				}
			);
			
			fade_fxs[i].start.delay(timer, fade_fxs[i], 1);
		}
		
	}, this);

});