// ==========================================================================
// Project:   SproutCore - JavaScript Application Framework
// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
//            portions copyright @2009 Apple Inc.
// License:   Licened under MIT license (see license.js)
// ==========================================================================

sc_require('panes/panel');

/**
  Displays a modal sheet pane animated drop down from top.

  The default way to use the sheet pane is to simply add it to your page like this:
  
  {{{
    SC.SheetPane.create({
      layout: { width: 400, height: 200, centerX: 0 },
      contentView: SC.View.extend({
      })
    }).append();
  }}}
  
  This will cause your sheet panel to display.  The default layout for a Sheet 
  is to cover the entire document window with a semi-opaque background, and to 
  resize with the window.
  
  @extends SC.PanelPane
  @since SproutCore 1.0
*/
SC.SheetPane = SC.PanelPane.extend({
  
  classNames: 'sc-sheet',

  init: function() {
    sc_super() ;

/** TODO: Implement Animation   
    this.visibleAnimation = {
      visible: 'top: 0px',
      hidden: 'top: -500px',
      duration: 300
    } ;
*/
  }    

});
@@ -1025,16 +1025,243 @@
 heet',%0A%0A
+  /**%0A    The modal pane to place behind this pane if this pane is modal.  This %0A    must be a subclass or an instance of SC.ModalPane.%0A  */%0A  modalPane: SC.ModalPane.extend(%7B%0A    classNames: 'for-sc-panel for-sc-sheet'%0A  %7D),%0A%0A
   init: 

add for-sc-sheet class name for modalPane in SC.SheetPane so we can differntiate overlay style between sheet and other panels