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, {
  frame: false,
  plain: true,
  animateTarget: this,
  border: true,
  closable: false,
  resizable: false,
  initComponent: function(){
    Ext.Window.superclass.initComponent.call(this);
    var cfgBody = Ext.apply((this.innerBodyCfg||{}), {
      frame: false,
      border: false,
      width: this.width,
      height: this.height-30
    });
    if ((!cfgBody.bodyStyle) && (typeof(cfgBody.bodyStyle)=='undefined')) cfgBody.bodyStyle = 'padding:10px 10px;';

    this.pl = {
      body: new Ext.Panel(cfgBody),
      close: new Ext.Panel({
        height: 29, border: false,
        items: [{
          border:false,
          html: '<img src=' + this.imgPath + ' width=' + this.width + ' height="29" border="0" usemap="#titleMap" />' +
             	'<map name="titleMap">' +
            	'<area shape="rect" coords="300,0,325,29" href="#" onclick="javascript:Ext.getCmp(\'videoWin\').WWClose();return false;"/>' +
            	'</map>'
        }]
      })
    };
    this.add(this.pl.close);
    this.add(this.pl.body);    
    this.on('show', function () {
      if (typeof(this.onLitghWindowBeforeShow) == 'function') this.onLitghWindowBeforeShow();
      this.pl.spot = new Ext.Spotlight({
        easing: 'easeOut',
        duration: .3
      });
      this.spotShow = function () {
        this.pl.spot.show(this.id, function () {
          if (typeof(this.onLitghWindowLoad) == 'function') this.onLitghWindowLoad();
        }, this);
      };
      this.WWClose = function () {
        this.pl.spot.hide(function () {
          this.hide(this.animateTarget, function () {
            if (typeof(this.onLitghWindowRemove) == 'function') this.onLitghWindowRemove();
            this.fireEvent("close", this);
            //this.destroy();
          }, this);
        }, this);
      };
      this.spotShow();
    }, this);
    //this.show();
  }
});