$(function(){
  $('#forgot_password a').css({marginTop:-16});
  
  $('#login-link').click(function(){  
      $('#login-link').animate({'opacity':0}, 400, function(){
        $(this).css('display','none')
        $(this).siblings('#login-form').css('display','block')
      });
      $('#login-link').parent().animate({'width':350}, 400);
      $('#login-form').delay(400).css({'opacity':0}).animate({'opacity':1}, 200);
      $('#forgot_password a').delay(100).animate({marginTop:2});
  });

  $('#cancel_login').click(function(){  
      $('#login-form').animate({'opacity':0}, 400, function(){
        $(this).css('display','none')
        $(this).siblings('#login-link').css('display','block')
      });
      $('#login-link').parent().delay(400).animate({'width':31}, 400);
      $('#login-link').delay(400).css({'opacity':0}).animate({'opacity':1}, 200);
      $('#forgot_password a').delay(200).animate({marginTop:-16});
  });
});