var isIE = (document.all) ? true : false; //document.all 只有ie支持此属性
var ieVersion = 7; //IE版本，默认为7
if (isIE) {
    ieVersion = parseFloat(navigator.appVersion.split("MSIE")[1]);
}
var de = getBodyObj();
function getBodyObj() {
    return (document.documentElement) ? document.documentElement : document.body;
}
function resetCSS(elem, prop) { for (var i in prop) { elem.style[i] = prop[i]; } }
//滚动条位置
function scrollX() { return self.pageXOffset || de && de.scrollLeft || document.body.scrollLeft; }
function scrollY() { return self.pageYOffset || de && de.scrollTop || document.body.scrollTop; }
//可视尺寸
function windowW() { return self.innerWidth || de && de.clientWidth || document.body.clientWidth; }
function windowH() { return self.innerHeight || de && de.clientHeight || document.body.clientHeight; }
//页面尺寸（最小不小于可视尺寸）
function pageW() { var s = document.body.scrollWidth; var c = windowW(); return s > c ? s : c; }
function pageH() { var s = document.body.scrollHeight; var c = windowH(); return s > c ? s : c; }
//lightbox显示和隐藏
/*
参数说明:   
isShowClose 是否显示关闭按钮 
isMove 是否可以按住鼠标拖动
myHtml 自定义显示内容，可以是按钮，图片等等
wx 高亮div的宽
wy 高亮div的高
oMarginTop 下面div居上距离
*/
//通过配置文件获取遮罩透明度，默认为80
var opacity = "80";
function createDivOverLayer(w, h, isShowClose, isMove, myHtml, wx, wy, oMarginTop) {
    //内容
    var tempInnerHtml = "<div id=\"divOverProgress\" style='width:" + wx + "px;height:" + wy + "px;margin:0 auto;position:absolute;top:0px;padding-top:1px;text-align:right;background-color:#fff;border:0px solid #8F8F8F;'";
    tempInnerHtml += (isMove ? " title='按住鼠标可以拖动' onmousedown = \"down(this)\" >" : ">");
    if (isShowClose) {
        tempInnerHtml += "<span id=\"spanCloseLightBox\" onclick=\"closeLightBox()\" style=\"cursor: pointer; color: Blue;display:" + (isShowClose ? "" : "none") + " \">关闭</span><br/>";
    }
    tempInnerHtml += "<div style=\"margin-top: " + oMarginTop + "px; text-align: center\">" + myHtml + "</div>";
    tempInnerHtml += "</div>";
    //建立lightbox
    var over = document.createElement("div");
    over.id = "myLightBoxLayer";
    var over2 = document.createElement("div");
    over2.id = "myProcessLayer";
    document.body.appendChild(over);
    document.body.appendChild(over2);
    //重设lightbox尺寸和位置
    function resetOver() {         
        //设定遮掩层尺寸
        resetCSS(over, { position: "absolute", zIndex: "998", top: "0px", left: "0px", backgroundColor: "#eeeeee", opacity: "0.5", filter: "alpha(opacity=" + opacity + ")", width: pageW() + "px", height: pageH() + "px" });

        //设定弹出层尺寸和位置
        var eh = windowH() - h;
        var ew = windowW() - w;
        eh = eh < 0 ? 0 : eh;
        ew = ew < 0 ? 0 : ew;
        resetCSS(over2, { position: "absolute", zIndex: "999", width: w + "px", height: h + "px", left: scrollX() + parseInt(ew / 2) + "px", top: scrollY() + parseInt(eh / 2) + "px", overFlow: "hidden" });
    };
    resetOver();
    window.onresize = resetOver;
    window.onscroll = resetOver;
    if (ieVersion != 7) { //将所有select置为不可用
        var oSelects = document.getElementsByTagName("select");
        for (var i = 0; i < oSelects.length; i++) {
            oSelects[i].disabled = true;
            oSelects[i].style.visibility = "hidden";
        }
    }
    over2.innerHTML = tempInnerHtml;
}

//点击关闭lightbox
function closeLightBox() {
    var over = document.getElementById("myLightBoxLayer");
    var over2 = document.getElementById("myProcessLayer");
    if (over != null && over2 != null) {
        document.body.removeChild(over);
        document.body.removeChild(over2);
        if (ieVersion != 7) { //将所有select置为可用
            var oSelects = document.getElementsByTagName("select");
            for (var i = 0; i < oSelects.length; i++) {
                oSelects[i].disabled = false;
                oSelects[i].style.visibility = "visible";
            }
        }
    }
}