$(function () {
  var login_bar_height = $('#login-bar').outerHeight();
  $('#login-button').click(function () {
    $('#login-bar')
      .show()
      .css('top', - login_bar_height)
      .animate({
        top: '0px'
      }, {
        duration: 1000,
        easing: 'easeOutExpo'
      });
    return false;
  });
  $('#login-bar .close-button').click(function () {
    $('#login-bar')
      .animate({
        top: (- login_bar_height) + 'px'
      }, {
        duration: 1000,
        easing: 'easeOutExpo'
      });
    return false;
  });
});