//ÏÔʾÔØÈë»­Ãæ
function divshow()
{
	this.document.getElementById("win").style.display="block";
}

function divhide()
{
	this.document.getElementById("win").style.display="none";
}


var p=null;
function panelshow(url,tit){
	p=new Ext.Panel({
    title: tit,
    renderTo: Ext.getBody(),
    floating: true,
    shim:true,
    bodyStyle:'background-color:#ffffff',
	collapsible: true,
    frame: true,
	tools:[{id:"refresh",handler:function(){p.doLayout()}},{id:"close",handler:function(){p.hide();divhide();p=null}}],
    width: 500,
    height: 400,
	autoScroll:true,
	autoDestroy:true,
	autoLoad:url,
    draggable: {
        insertProxy: false,

        onDrag : function(e){
            var pel = this.proxy.getEl();
            this.x = pel.getLeft(true);
            this.y = pel.getTop(true);

            var s = this.panel.getEl().shadow;
            if (s) {
                s.realign(this.x, this.y, pel.getWidth(), pel.getHeight());
            }
        },
        endDrag : function(e){
            this.panel.setPosition(this.x, this.y);
        }
    }
	});
	p.setPosition(document.getElementById("panel").style.left,document.getElementById("panel").style.top);
	divshow();
}

function scall(){
    document.getElementById("panel").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("panel").offsetHeight)/2)+"px";
    document.getElementById("panel").style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("panel").offsetWidth)/2)+"px";
    if(p!=null)
    	p.setPosition(document.getElementById("panel").style.left,document.getElementById("panel").style.top);
}

window.onscroll=scall;
window.onresize=scall;
window.onload=scall;