Ext.namespace("Ext.ux");Ext.ux.PagePopup=function(config){this.renderTo=Ext.getBody();config.modal=true;Ext.ux.PagePopup.superclass.constructor.call(this,config);};Ext.extend(Ext.ux.PagePopup,Ext.Window,{width:500,collapsible:false,resizable:false,modal:false,closable:true,draggable:false,shadow:true,shadowOffset:6,closeAction:'hide',baseCls:'ux-page-popup',plain:true,buttonAlign:'left',animate:false,align:"tl-bl?",show:function(alignToEl,offset){if(alignToEl){this.alignTo(alignToEl,this.align,offset||[0,6]);}
this.animTarget=alignToEl;Ext.ux.PagePopup.superclass.show.call(this,this.animate?this.animTarget:null);this.mask.on("mousedown",this.maskClick,this);},onRender:function(ct,pos){Ext.ux.PagePopup.superclass.onRender.call(this,ct,pos);this.mask.replaceClass("ext-el-mask","cms-transparent-mask");},onDestroy:function(){this.mask.un("mousedown",this.maskClick,this);Ext.ux.PagePopup.superclass.onDestroy.call(this);},maskClick:function(){this[this.closeAction]();},close:function(){this.mask.un("mousedown",this.maskClick,this);Ext.ux.PagePopup.superclass.close.call(this);},hide:function(animTarget,callback,scope){this.mask.un("mousedown",this.maskClick,this);Ext.ux.PagePopup.superclass.hide.call(this,animTarget,callback,scope);}});