var removeTooltip=function() {
	
	theelements=$$('.tooltip');
	
	$each(theelements, function(el, index){
		
		var myEffect = new Fx.Morph(el, {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		 
		myEffect.start({
			'opacity': 0
		});

		var removedElement = function() { el.dispose(); }.delay(1000);
		
	});
	
};

var tooltip=function() {
	
	var xpos=$('username').getPosition().x;
	var ypos=$('username').getPosition().y;
	
	xpos+=200;
	ypos-=50;
	
	var el = new Element('div', {
			'text': 'The nickname is already in use. Please choose a different one.',
	    'class': 'tooltip',
	    'events': {
	        'click': function(){
	            removeTooltip();
	        }
	    }
	});

	el.set('opacity','0');
	
	el.inject(document.body, 'top');
	
	el.style.top=ypos + 'px';
	el.style.left=xpos + 'px';
	
	var myEffect = new Fx.Morph(el, {duration: 1500, transition: Fx.Transitions.Sine.easeOut});
	 
	myEffect.start({
		'opacity': 1
	});
			
};