window.addEvent('domready', function(){
	var loginBox = $('loginBox');
	var erMessage = $('invalidmessage');
	loginBox.setStyles({'opacity': 0,'margin-right': 20});
	var fx = new Fx.Styles (loginBox, {duration: 300, wait: false, transition: Fx.Transitions.Back.easeOut});	

	$('bt-login').addEvent('click', function() {
		if(erMessage){
			erMessage.remove();
		}
		if(loginBox.getStyle('opacity') == 0){
			fx.start({
				 'opacity': '1',
				 'margin-right': '0'
			});
		}else{
			fx.start({
				 'opacity': '0',
				 'margin-right': '20'
			});
		}
	});

	if(erMessage){
		erMessage.getElement('a').addEvent('click', function(event) {
			new Event(event).stop();
			erMessage.remove();
			$('bt-login').fireEvent('click');
		});
	}

});