function getId(id) {
    return document.getElementById(id);
}

function Box_detail(objID, W, H, inner, classname_re, title, isclose) {
    var objHead, objBody, objFooter, inner, TitleImg, BoxCloseBtn, TitleTip;
    if (!getId(objID)) {
        //创建html结构并赋id以及class		
        var obj = document.createElement("div");
        var objHead = document.createElement("div");
        var objBody = document.createElement("div");

        obj.className = classname_re;
        objHead.className = classname_re + "_Header";
        objBody.className = classname_re + "_Body";

        TitleImg = classname_re + "_TitleImg";
        BoxCloseBtn = classname_re + "_BoxCloseBtn";
        TitleTip = classname_re + "_TitleTip";

        if (isclose) {
            BoxCloseBtn = classname_re + "_BoxCloseBtn_Cz";
        }

        obj.id = objID;
        objHead.id = objID + "_head";
        objBody.id = objID + "_body";

        obj.appendChild(objHead);
        obj.appendChild(objBody);
        document.body.appendChild(obj);
        //如果参数为空时的处理
        if (W == 期货 || W < 200 || W == "") { W = 200 }//最小宽度
        if (H == 期货 || H < 60 || H == "") { H = 60 }
        var cancelBtn = objID + "cancel", closeBtn = objID + "closeBtn";

        objHead.innerHTML = '<span class="' + TitleImg + '"></span><span class="' + TitleTip + '">' + title + '</span><span class="' + BoxCloseBtn + '" id=' + closeBtn + '></span>';
        objBody.innerHTML = inner;

        
        //js样式设置
        getId(objHead.id).style.width = W + "px"
        getId(objBody.id).style.width = W + "px";
        //getId(objBody.id).style.height = getId(objBody.id).clientHeight + "px";
        getId(objBody.id).style.height = H + "px";
        obj.style.cssText += ";position:absolute;left:50%;top:50%;z-index:901; ";
        obj.style.marginLeft = -obj.scrollWidth / 2 + "px";
        obj.style.marginTop = -obj.scrollHeight / 3 + "px";

        document.body.style.cssText += "height:100%;overflow:auto;";

        var mask = 1;//是否创建遮罩层
        if (mask) {
            var objMask = document.createElement("div");
            objMask.id = "Mask"; objMask.className = "BoxMask_zz";
            document.body.appendChild(objMask); objMask.style.cssText += ";position:fixed;z-index:900;_position:absolute;_height:2720px;";
        }

        function Close(objID) {
            document.body.removeChild(getId(objID)); document.body.style.cssText += "width:100%;overflow:auto;"; if (objMask) { document.body.removeChild(objMask) }
        }

        getId(closeBtn).onclick = function () { Close(objID) };//关闭按钮

        //拖动功能			
        var w = obj.scrollWidth, h = obj.scrollHeight;
        var iWidth = document.documentElement.clientWidth;
        var iHeight = document.documentElement.clientHeight;
        var moveX = 0, moveY = 0, moveTop = 0, moveLeft = 0, moveable = false;

        objHead.onmousedown = function (e) {
            moveable = false;
            e = window.event ? window.event : e;
            moveX = e.clientX - obj.offsetLeft;
            moveY = e.clientY - obj.offsetTop;
            obj.style.zIndex++;
            document.onmousemove = function (e) {
                if (moveable) {
                    e = window.event ? window.event : e;
                    var x = e.clientX - moveX;
                    var y = e.clientY - moveY;
                    if (x > 0 && (x + w < iWidth) && y > 0 && (y + h < iHeight)) {
                        obj.style.left = x + "px";
                        obj.style.top = y + "px";
                        obj.style.margin = "auto";
                    }
                }
            }
            document.onmouseup = function () { moveable = false; };
        }
        
    } else (alert("弹层已经打开!"));

}