$(document).ready(function(){
	var _hold = $('.top-box').eq(0);
	var _btn = _hold.find('.join-login a.open');
	var _box = _hold.find('.login-form');
	_btn.click(function(){
		if(_hold.hasClass('opened')){
			_hold.removeClass('opened');
			_box.stop().animate({marginTop: -_box.outerHeight()}, 300, function(){ $(this).hide();});
		}
		else{
			_hold.addClass('opened');
			if(!_box.is(':animated')){
				_box.css({
					marginTop: -_box.outerHeight(),
					display: 'block'
				});
			}
			_box.stop().animate({marginTop: 0}, 300);
		}
		return false;
	});
});