﻿// JScript File

function $d(){return document.getElementById?document.getElementById(arguments[0]):eval(arguments[0]);}

var ScrollH,OverH,OverW,ChangeDesc,ChangeH=50,ChangeW=50;

function OpenDiv(_Dw,_Dh,_Desc){
    $d("Loading").innerHTML="";
    OverH=_Dh;OverW=_Dw;ChangeDesc=_Desc;
    ScrollH = getScrollTop();

    $d("Loading").style.display='';
    if(_Dw>_Dh){ChangeH=Math.ceil((_Dh-10)/((_Dw-10)/50))}else if(_Dw<_Dh){ChangeW=Math.ceil((_Dw-10)/((_Dh-10)/50))}
    
    $d("Loading").style.top=ScrollH+(document.documentElement.clientHeight-10)/2+"px";
    $d("Loading").style.left=(document.documentElement.clientWidth-10)/2+"px";
    OpenNow()
}
var Nw=10,Nh=10;

function OpenNow(){
    if (Nw>OverW-ChangeW)ChangeW=2;
    if (Nh>OverH-ChangeH)ChangeH=2;
    Nw=Nw+ChangeW;Nh=Nh+ChangeH;
     
    if(OverW>Nw||OverH>Nh) {
	    if(OverW>Nw) {
	        $d("Loading").style.width=Nw+"px";
	        $d("Loading").style.left=(document.documentElement.clientWidth-Nw)/2+"px";
	    }
	    if(OverH>Nh) {
	        $d("Loading").style.height=Nh+"px";
	        $d("Loading").style.top=ScrollH+(document.documentElement.clientHeight-Nh)/2+"px"
	    }
	    window.setTimeout("OpenNow()",10)
	}else{
	    Nw=10;Nh=10;ChangeH=50;ChangeW=50;
	    //if(ChangeDesc.length>0)
	    //    $d("Loading").innerHTML=ChangeDesc;
	    
        var bgObj=$d("bgDiv");
        //bgObj.style.width = document.body.offsetWidth + "px";
        bgObj.style.width = screen.width + "px";
        bgObj.style.height = ScrollH + screen.height + "px";
        bgObj.style.display = "block";
        
        //$d("Loading").innerHTML = $d(ChangeDesc).innerHTML;
        if($d(ChangeDesc)!=null)
        {
            var showCloneWindow = $("#"+ChangeDesc).clone();
            showCloneWindow.css("display","block");
            $("#Loading").append(showCloneWindow);
        }else{
            $("#Loading").html(ChangeDesc);
        }
	}
}

function CloseDiv(){
    $d("Loading").style.display="none";
    $d("bgDiv").style.display="none";
    $d("Loading").innerHTML="";
}

function getScrollTop(){
    var scrollTop=0;
    if(document.documentElement&&document.documentElement.scrollTop)
    {
        scrollTop=document.documentElement.scrollTop;
    }
    else if(document.body)
    {
        scrollTop=document.body.scrollTop;
    }
    return scrollTop;
}

/*
CSS声明:
弹出框  #Loading {z-index:10001;position:absolute;z-index:10;left:10px;top:10px;border:1px #666666 solid;background:#eeeeee;width:10px;height:10px}
底色    #bgDiv {z-index:10000;display: none;position: absolute;top: 0px;left: 0px;right:0px;background-color: #777;filter:progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75) opacity: 0.6;}

对象声明, 已经声明在global.master页:
弹出框  <div id="Loading" style="z-index:10001;display:none; border:solid 5px #2195df; padding:10px;" ondblclick="javascript:CloseDiv();">
底色    <div id="bgDiv">

对象调用:
<a href="javascript:OpenDiv(宽度,高度,'弹出层的DIV对象ID')">点击弹出层</a>
弹出层的DIV对象
<div>
    <!-- 需要带"关闭"按钮 -->
    <a onclick="javascript:CloseDiv();" style="cursor:pointer;" class="fr">关闭</a>
    其它内容
</div>
*/

