﻿

var Obj=''
document.onmouseup=MUp
document.onmousemove=MMove



function createDiv(title,context,w,h)
{
    var scrollLeft = (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
    var scrollTop = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
    var clientWidthz= document.documentElement.clientWidth;
    var clientHeightz = document.documentElement.clientHeight;
	var strtitle=title;
	var bgObj=document.createElement("div"); 
		bgObj.setAttribute("id","BOX_overlay"); 
		bgObj.style.left = scrollLeft+'px';
        bgObj.style.top = scrollTop+'px';
        bgObj.style.width = clientWidthz+'px';
        bgObj.style.height = clientHeightz+'px'; 
		bgObj.style.position='absolute'; 
		bgObj.style.background="#000";
		bgObj.style.filter='alpha(opacity=50)'; 
		//bgObj.style.opacity='0.6 ';
	var msgObj=document.createElement("div");
	   	msgObj.setAttribute("id","fromsystem");
		msgObj.style.position='absolute';
		msgObj.style.background='#f5f5f5';
		msgObj.style.zIndex=101;
		msgObj.style.display='';
		msgObj.style.left=scrollLeft+((clientWidthz-msgObj.offsetWidth)/2)+'px';
		msgObj.style.top= scrollTop+((clientHeightz-msgObj.offsetHeight)/2)+'px';
	    msgObj.setAttribute( "onmousedown",function(){MDown(document.getElementById('fromsystem'));});
	var msgObj1=document.createElement("div");
	    msgObj1.setAttribute("id","obja");
	    msgObj1.style.width	=w+'px';
		msgObj1.style.height=h+'px';
		
		
	var kuan = document.createElement("div");
	    kuan.setAttribute("id","kuan1");
		kuan.style.width=w+'px';
		kuan.style.height=h+'px';
		//kuan.style.border='1px solid #3D74AC';
		kuan.style.margin='auto';
		kuan.style.background='#fff';
		//kuan.style.filter='progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color=#9a9b9b, Positive=true)';
   var title =document.createElement("div");
       title.setAttribute("id","title1");
       title.style.height='28px';
       //title.style.lineHeight='30px';
	   //title.style.textIndent='12px';
	  // title.style.borderBottom='1px solid #ccc';
	   //title.style.fontSize='14px';
	   //title.style.fontWeight='bold';
	   //title.style.textAlign='left';
	   //title.style.background='#789FE7';
	 
	   //title.style.background='url(/Images/edit/tanchu_k/k_bg_03.jpg) repeat-x top';
	   //title.style.width=w+'px';
	   //title.style.margin='0';
	   //title.style.color='#7D7D7D';
	   //title.style.cursor='move';
	   //title.style.paddingTop='0';
	   //title.style.paddingBottom='0';
	   title.innerHTML='<tableborder="0" cellpadding="0" cellspacing="0"><tr><td width="96%"><h3 style="height:28px;line-height:28px;text-indent:12px;border:1px solid #B9B8B8;font-size:12px;font-weight:bold;text-align:left; background:url(/Images/edit/tanchu_k/k_bg_03.jpg) repeat-x top;width:'+w+'px;float:left;margin:0;color:#7D7D7D;"><span class="left">'+ strtitle + '</span><span class="right" style="margin-right:8px;font-weight:bold;"><a href="javascript:void(0)" onclick="BOX_remove(\'fromsystem\')" style="color:#7D7D7D">&times;</a></span></h3> </td></tr></table>';
       
	var pub_box= document.createElement('div');
	    pub_box.setAttribute("id","pub_box1");
	    pub_box.style.width=w+'px';
	   
	    
	    
		//pub_box.style.marginTop='0';
		//pub_box.style.marginBottom=0;
		//pub_box.style.marginLeft='0';
		//pub_box.style.marginRight='0';
		//pub_box.style.float='left';
		pub_box.style.border='1px solid #B9B8B8';
		pub_box.style.fontSize='12px';
		//pub_box.style.color='#ff3300';
		pub_box.style.borderTop='none';
		pub_box.style.color='#ff3300';
		pub_box.innerHTML=context;
  

  document.body.appendChild(bgObj); 
  document.body.appendChild(msgObj); 
  document.getElementById('fromsystem').appendChild(msgObj1);
  document.getElementById('obja').appendChild(kuan);
  document.getElementById('kuan1').appendChild(title);
  document.getElementById('kuan1').appendChild(pub_box);
  
BOX_show('fromsystem')
} 













function MDown(Object){
Obj=Object.id
document.all(Obj).setCapture()
pX=event.x-document.all(Obj).style.pixelLeft;
pY=event.y-document.all(Obj).style.pixelTop;
}

function MMove(){
if(Obj!=''){
	document.all(Obj).style.left=event.x-pX;
	document.all(Obj).style.top=event.y-pY;
	}
}

function MUp(){
if(Obj!=''){
	document.all(Obj).releaseCapture();
	Obj='';
	}
}
















function BOX_show(e)
{       //显示
       // createDiv();
        if(document.getElementById(e)==null){return;}
                
        BOX_layout(e);
        window.onresize = function(){BOX_layout(e);} //改变窗体重新调整位置
        window.onscroll = function(){BOX_layout(e);} //滚动窗体重新调整位置
}

function BOX_remove(e)
{       //移除
        window.onscroll = null;
        window.onresize = null;
       // document.getElementById('BOX_overlay').style.display="none";
      //  document.getElementById(e).style.display="none";
    
    
           document.getElementById('kuan1').removeChild(document.getElementById('pub_box1'));
           document.getElementById('kuan1').removeChild(document.getElementById('title1'));
           document.getElementById('obja').removeChild(document.getElementById('kuan1')); 
           document.getElementById('fromsystem').removeChild(document.getElementById('obja')); 
           document.body.removeChild(document.getElementById('fromsystem')); 
           document.body.removeChild(document.getElementById('BOX_overlay')); 
          
        
        
        
        
}
function BOX_remove1(e,url)
{       //移除
        window.onscroll = null;
        window.onresize = null;
       // document.getElementById('BOX_overlay').style.display="none";
      //  document.getElementById(e).style.display="none";
    
    
           document.getElementById('kuan1').removeChild(document.getElementById('pub_box1'));
           document.getElementById('kuan1').removeChild(document.getElementById('title1'));
           document.getElementById('obja').removeChild(document.getElementById('kuan1')); 
           document.getElementById('fromsystem').removeChild(document.getElementById('obja')); 
           document.body.removeChild(document.getElementById('fromsystem')); 
           document.body.removeChild(document.getElementById('BOX_overlay')); 
          
           window.location.href=url;
        
        
        
}

function BOX_layout(e)
{       //调整位置
        var a = document.getElementById(e);
        
        
        if (document.getElementById('BOX_overlay')==null){ //判断是否新建遮掩层
            var overlay = document.createElement("div");
            overlay.setAttribute('id','BOX_overlay');
            overlay.onclick=function(){BOX_remove(e);};
            a.parentNode.appendChild(overlay);
        }
        //取客户端左上坐标，宽，高
        var scrollLeft = (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
        var scrollTop = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
        
        
   
        var clientWidthz;
    
            clientWidthz = document.documentElement.clientWidth;
             if(clientWidthz<1)
            {
             clientWidthz=document.body.clientWidth;
            }
  
        var clientHeightz;
            clientHeightz = document.documentElement.clientHeight;
    
            if(clientHeightz<1)
            {
            clientHeightz=document.body.clientHeight;
            }
       
       
        var bo = document.getElementById('BOX_overlay');
        bo.style.left = scrollLeft+'px';
        bo.style.top = scrollTop+'px';
        bo.style.width = clientWidthz+'px';
        bo.style.height = clientHeightz+'px';      
        bo.style.display="";
        //Popup窗口定位==
        a.style.position = 'absolute';
        a.style.zIndex=101;
        a.style.display="";
        a.style.left = scrollLeft+((clientWidthz-a.offsetWidth)/2)+'px';
        a.style.top = scrollTop+((clientHeightz-a.offsetHeight)/2)+'px';
}
