// JScript 文件


//---------------------主要部分------------------------------
//activeObj:触发时间的元素id
//contObj:要显示内容的id
//clearObj:清除显示层的id
//newDivWidth:显示层的宽度
//newDivHeight:显示层的高度


showInnerDiv = new Object();

showInnerDiv.zIndex = 1;
//当前窗口的width
showInnerDiv.owinWidth = function () {
    var winWidth;
    if (window.innerWidth) {
        winWidth = window.innerWidth;
    }
    else if ((document.body) && (document.body.clientWidth)) {
        winWidth = document.body.clientWidth;
    }
    if (document.documentElement && document.documentElement.clientWidth) {
        winWidth = document.documentElement.clientWidth;
    }
    return winWidth;
}

//当前窗口的height
showInnerDiv.owinHeight = function () {
    var winHeight;
    if (window.innerHeight) {
        winHeight = window.innerHeight
    } else if ((document.body) && (document.body.clientHeight)) {
        winHeight = document.body.clientHeight
    }
    if (document.documentElement && document.documentElement.clientHeight) {
        winHeight = document.documentElement.clientHeight;
    }
    return winHeight;
}

//创建背景
showInnerDiv.createbgDiv = function () {
    var obody = document.body;
    document.documentElement.style.overflowY = "auto";
    document.documentElement.style.overflowX = "hidden";
    var newDiv = document.createElement("div");
    newDiv.id = "bgdiv";

    var winWidth = showInnerDiv.owinWidth();
    var winHeight = showInnerDiv.owinHeight();
    if (obody.offsetWidth > winWidth) {
        newDiv.style.width = obody.offsetWidth + "px";
    }
    else {
        newDiv.style.width = winWidth + 'px';
    }
    if (obody.offsetHeight > winHeight) {
        newDiv.style.height = obody.offsetHeight + "px";
    }
    else {
        newDiv.style.height = winHeight + 'px';
    }
    newDiv.style.backgroundColor = "#000";
    newDiv.style.position = "absolute";
    newDiv.style.zIndex =  "1";
    if (typeof (newDiv.style.filter) == "string") {
        newDiv.style.filter = "alpha(opacity=60)";
        newDiv.style.MozOpacity = "0.6";
    }
    else {
        newDiv.style.opacity = "0.3";
    }
    newDiv.style.top = 0;
    newDiv.style.left = 0;
    return newDiv;
}

//显示图层
showInnerDiv.displayDiv = function (id, DivWidth, DivHeight, tempheight) {

    var obody = document.body;
    var bgP = showInnerDiv.createbgDiv();
    obody.appendChild(bgP);

    var winWidth = showInnerDiv.owinWidth();
    var winHeight = showInnerDiv.owinHeight();
    var newP = document.getElementById(id);
    newP.style.width = DivWidth + "px";
    //newP.style.height=DivHeight+"px";
    showInnerDiv.zIndex += 10;
    newP.style.zIndex = showInnerDiv.zIndex;
    newP.style.background = "#fff";
    newP.style.display = "block";
    newP.style.position = "absolute";
    var diffY = document.documentElement.scrollTop;
    newP.style.top = ((winHeight - DivHeight) / 2 + diffY - tempheight) + "px";
    newP.style.left = ((winWidth - DivWidth) / 2) + "px";
}

//清除图层
showInnerDiv.clearDiv = function (id) {

    var bgd = document.getElementById("bgdiv");
    document.body.removeChild(bgd);
    var newP = document.getElementById(id);
    newP.style.display = "none";
}