document.observe( 'dom:loaded', function() {
	$('challenge-answer').observe( 'keyup', function() {
		var l_sUrl = 'http://www.twitter.com/home?status=@twitbrain ' + this.value;
		
		$('challenge-tweet').setAttribute( 'href', unescape( l_sUrl ) );
		console.log($('challenge-tweet').getAttribute('href'));
	});
	
	$$('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 );
		});
	});
});