document.observe( 'dom:loaded', function() {
	$$('a.span').each( function( e ) {
		e.observe( 'click', function( ev ) {
			$$('a.span').invoke( 'removeClassName', 'active');
			$(this).addClassName( 'active' );
			var l_sRel = this.getAttribute( 'rel' );
			$('top10-title').update( this.innerHTML );
			new Effect.Fade( $$('ol.shown').first().removeClassName( 'shown'), {duration: .3, afterFinish: function() {
				new Effect.Appear( $('top10-'+l_sRel).addClassName('shown'), {duration: .3});	
			}});			
			Event.stop( ev );
		});
	});
});