if(!Ext.ww) Ext.ww = {}
Ext.Spotlight = function(config){Ext.apply(this, config);}
Ext.Spotlight.prototype = {active:false,animate:true,animated:false,duration:.25,easing:'easeNone',createElements:function(){var bd=Ext.getBody();this.right=bd.createChild({cls:'x-spotlight'});this.left=bd.createChild({cls:'x-spotlight'});this.top=bd.createChild({cls:'x-spotlight'});this.bottom=bd.createChild({cls:'x-spotlight'});this.all=new Ext.CompositeElement([this.right, this.left, this.top, this.bottom]);},show:function(el, callback, scope){if(this.animated){this.show.defer(50, this, [el, callback, scope]);return;}this.el = Ext.get(el);if(!this.right){this.createElements();}if(!this.active){this.all.setDisplayed('');this.applyBounds(true, false);this.active = true;Ext.EventManager.onWindowResize(this.syncSize, this);this.applyBounds(false, this.animate, false, callback, scope);}else{this.applyBounds(false, false, false, callback, scope); /*all these booleans look hideous*/}},hide : function(callback, scope){if(this.animated){this.hide.defer(50, this, [callback, scope]);return;}Ext.EventManager.removeResizeListener(this.syncSize, this);this.applyBounds(true, this.animate, true, callback, scope);},doHide : function(){this.active = false;this.all.setDisplayed(false);},syncSize : function(){this.applyBounds(false, false);},applyBounds : function(basePts, anim, doHide, callback, scope){var rg = this.el.getRegion();var dw = Ext.lib.Dom.getViewWidth(true);var dh = Ext.lib.Dom.getViewHeight(true);var c = 0, cb = false;if(anim){cb = {callback: function(){c++;if(c == 4){this.animated = false;if(doHide){this.doHide();}Ext.callback(callback, scope, [this]);}},scope: this,duration: this.duration,easing: this.easing};this.animated = true;}rg.bottom = rg.bottom - 13;this.right.setBounds(rg.right,basePts ? dh : rg.top,dw - rg.right,basePts ? 0 : (dh - rg.top),cb);this.left.setBounds(0,0,rg.left,basePts ? 0 : rg.bottom,cb);this.top.setBounds(basePts? dw:rg.left,0,basePts ? 0 : dw - rg.left,rg.top,cb);this.bottom.setBounds(0,rg.bottom,basePts ? 0:rg.right,dh - rg.bottom,cb);if(!anim){if(doHide){this.doHide();}if(callback){Ext.callback(callback, scope, [this]);}}},destroy:function(){this.doHide();Ext.destroy(this.right,this.left,this.top,this.bottom);delete this.el;delete this.all;}};
Ext.ww.LightWindow = Ext.extend(Ext.Window, {
  width: 'auto',
  height: 'auto',
  border: false,
  frame: false,
  draggable: false,
  closable: false,
  resizable: false,
  spotlight: true,
  buttonClosable: true,
  bodyStyle: {padding: '10px', background: '#FFF'},
  footerStyle: {padding: '0px', 'border-top': '1px solid #ccc', background: '#FFF' },
  headerStyle: {},
  initComponent: function(){
    if (this.buttonClosable) {
      this.buttons = [
        new Ext.ww.Button({btnType: 'image', imgSrc: '/admin/img/ext/sb_closelabel.gif', 
          handler: function(){ this.ownerCt.close(); }
        })
      ];
    }
    if (this.formAttached) {
      this.buttons = [
        new Ext.ww.Button({btnType: 'image', imgSrc: '/admin/img/ext/submit.gif', 
          handler: function(){ this.ownerCt.formSubmit(); }
        }),
        new Ext.ww.Button({btnType: 'image', imgSrc: '/admin/img/ext/reset.gif',
          handler: function(){ this.ownerCt.formReset(); }
        })
      ];
    }
    Ext.Window.superclass.initComponent.call(this);
    if (this.spotlight) {
      this.spotlight = new Ext.Spotlight({easing: 'easeOut', duration: .8});
      this.on('beforeclose', function () {
        if (this.spotlight.active) {
          this.spotlight.hide(function () { this.hide(); }, this);
          return false;
        }
      });
    }
    this.on('hide', function () {
      if (this.hidedestroy) this.destroy();
    });
    this.on('show', function () {
      if (this.spotlight) {
        this.spotlight.show(this.body, function () {
          if (this.onSpotLightShow) this.onSpotLightShow();
        }, this);
      }
      if (this.footer) this.footer.setStyle(this.footerStyle);
      if (this.header) this.header.setStyle(this.headerStyle);
    });
  }
});