// by mingcheng 2010-11-29
//      优化代码，等页面 DOM 准本好了在引入 config.js

function declareShade() {
    /*
    //得到浏览器显示的屏幕高度  
    document.getViewportHeight = function(){  
        if (window.innerHeight!=window.undefined) return window.innerHeight;  
        if (document.compatMode=='CSS1Compat') return document.documentElement.clientHeight;  
        if (document.body) return document.body.clientHeight;   
        return window.undefined;   
    }  
    //得到浏览器显示的屏幕宽度  
    document.getViewportWidth = function(){  
        if (window.innerWidth!=window.undefined) return window.innerWidth;   
        if (document.compatMode=='CSS1Compat') return document.documentElement.clientWidth;   
        if (document.body) return document.body.clientWidth;   
    }  
    */
    /**  
    * 遮罩层，组件的显示及隐藏  
    */  
    window.Shade = {
        mask:null,  
        container:null,  
        isIE6:null,  
        init:function(){
            //判断浏览器是否是ie6或其以下版本  
            /*
            var brsVersion = parseInt(window.navigator.appVersion.charAt(0), 10);  
            if (brsVersion <= 6 && window.navigator.userAgent.indexOf("MSIE") > -1) {  
                this.isIE6 =  true;  
            }else{  
                this.isIE6 = false;   
            }  
            */
            this.isIE6 = jQuery.browser.msie <= 6;
            //将遮罩层加入body  
            var popmask = document.createElement('div');  
            popmask.id = 'mask';  
            document.body.appendChild(popmask);  
            this.mask = document.getElementById("mask");  

            //将组件边框加入body  
            var popcont = document.createElement('div');  
            popcont.id = 'popupContainer';  
            popcont.innerHTML ="<div id='popupInner'>"+  
            "<div id='popupTitleBar'>"+  
            "<div id='popupTitle'></div>"+  
            "<div id='popupControls'>"+  
            "<a href='javascript:void(Shade.hide());' id='popCloseBox' title='关闭'>X</a>"+  
            "</div></div>"+  
            "<div id='popupFrame'>dd</div>";  
            document.body.appendChild(popcont);  
            this.container = document.getElementById("popupContainer");  
        },  
        setMaskSize:function(){  
            var theBody = document.body;  

            var fullHeight = jQuery(document).height();  
            var fullWidth = jQuery(document).width();

            if (fullHeight > theBody.scrollHeight) {  
                this.popHeight = fullHeight;  
            } else {  
                this.popHeight = theBody.scrollHeight;  
            }  
            if (fullWidth > theBody.scrollWidth) {  
                this.popWidth = fullWidth;  
            } else {  
                this.popWidth = theBody.scrollWidth;  
            }  
            this.mask.style.height = this.popHeight + "px";  
            this.mask.style.width = this.popWidth + "px";  
        },  
        toCenter:function(conf){  
            var s = this.container.style;  
            var fullHeight = jQuery(document).height();  
            var fullWidth = jQuery(document).width();
            s.left = (fullWidth - conf.width)/2+"px";  
            s.top = (fullHeight - conf.height)/2+"px";  
        },  
        show:function(conf){  
            //初始化  
            this.init();  
            //设置遮罩层的长度和宽度  
            this.setMaskSize()  
            //设置组件的标题  
            document.getElementById('popupTitle').innerHTML = conf.title;  
            //设置组件的长和宽  
            this.container.style.width  = conf.width+"px";  
            this.container.style.height = conf.height+"px";  
            var frame = document.getElementById('popupFrame');    
            frame.style.width = (conf.width -8)+"px";  
            frame.style.height = (conf.height -30)+"px";  
            //将组件居中显示  
            this.toCenter(conf);  
            //设置组件内容  
            frame.innerHTML = conf.templete;  
        },
        hide:function(){  
            //删除遮罩层  
            document.body.removeChild(this.mask);  
            //删除组件层  
            document.body.removeChild(this.container);  
        }
    }
}

// DOM 准本完成以后在载入
jQuery(function() {
    jQuery.getScript("http://assets.dxycdn.com/app/pubmed/js/shade/config.js", declareShade);
})