Opinion question: best easing / animation method for representing "fullscreen"?

Opinion question: best easing / animation method for representing "fullscreen"?

I'm working on a simple "fullscreen" mode for a CMS, so that content authors can display an instance of tinyMCE fullscreen, with the option of restoring the window to its original state.

I've tried several combinations of the effects core easing options, but nothing really seems to fit just right. I'm wondering if anyone's found a pleasant combination of easing effects for this sort of purpose....the rather common lightbox type animations aren't quite satisfying in this instance.

here's some rudimentary code to give the basic idea-- 

  1. <style type="text/css" rel="stylesheet" media="screen">
  2. #container { display:block; padding:8px; border:2px solid red; }
  3. </style>
  4. <div id="container">Click me to go "fullscreen"!</div>
  5. <script type="text/javascript">
  6. $(function() {
  7.       $('#container').click(function() { 
  8.             var fullscreenWidth = $('body').width();
  9.             var fullscreenHeight = $('body').height();                                     $(this).animate({top:0,left:0,width:fullscreenWidth,height:fullscreenHeight},800,'easeInOutQuad');
  10.       });
  11. });
  12. </script>