//创建 window 窗体
function CreateDiv(id,className)
{
    var obj = document.createElement( 'DIV' );
    obj.id = id;
    obj.className = className;
    return obj;
}

function AppendChild(parent,child)
{
    parent.appendChild(child);
}

function CreateTitle(title)
{
    var span = document.createElement( 'SPAN' );
    span.className = 'title';
    span.innerHTML = title;
    return span;
}

function CreateIFrame(url, width, height)
{
    var iframe = document.createElement( 'IFRAME' );
    iframe.style.width = width+"px" ;
    iframe.style.height = height+"px" ;
    iframe.src = url;
    iframe.frameBorder = '0';
    //iframe.scrolling = 'no';
    //iframe.onload = hideLoading();
    return iframe;
}

function hideLoading()
{
    var load = document.getElementById( 'loading' );
   if( load != null )
   {
    document.body.removeChild( load );
   }
}

//将悬浮层的位置定位在可见区域中央
function SetCenterPosition(objdiv){
	x = document.body.scrollLeft;
	y = document.body.scrollTop;
	
	//获取屏幕宽度
	availWidth = parseInt(document.body.clientWidth);
	availHeight = parseInt(document.body.clientHeight);
	
	tblHeight = parseInt(objdiv.style.height)
	tblWidth = parseInt(objdiv.style.width);
	
	
	y = y + (availHeight - tblHeight)/2;
	x = (availWidth - tblWidth)/2;
	objdiv.style.top = y+"px";
	objdiv.style.left = x+"px";
}

function RemoveWin()
{
    var dvBack = document.getElementById( 'dvBack' );
    if( dvBack != null )
    {
        document.body.removeChild( dvBack );
    }
    var dvWin = document.getElementById( 'dvWin' );
    if( dvWin != null )
    {
        document.body.removeChild( dvWin );
    }
}

function CreateWin(title,url,width,height)
{
    RemoveWin();
    var dvWin = CreateDiv( 'dvWin', 'window' );
    dvWin.style.width = width+"px";
    dvWin.style.height = height+"px";
    dvWin.style.zIndex = "10001";
    SetCenterPosition( dvWin );
    var dvHead = CreateDiv( 'dvHead', 'handler' );
    //dvHead.setAttribute("canmove","true");
    //dvHead.setAttribute("forid","dvWin");
    
    var dvHeadLeft = CreateDiv( 'hl', 'left' );
    dvHeadLeft.innerHTML = title;
    AppendChild( dvHead, dvHeadLeft );
    var dvClose = CreateDiv( 'hr', 'right' );
    dvClose.innerHTML = '<B>[关闭]</B>';
    dvClose.style.cursor="pointer";
    dvClose.setAttribute("title","关闭");
    dvClose.onclick = RemoveWin;
    AppendChild( dvHead, dvClose );
    
    var dvBody = CreateDiv( 'dvBody', 'win_body' );
    AppendChild( dvBody, CreateIFrame( url, width, height ) );  
    
    AppendChild( dvWin, dvHead );
    AppendChild( dvWin, dvBody );

    document.body.appendChild( dvWin );
    
    sWidth = document.body.clientWidth;
	sHeight = document.body.scrollHeight;
	
    var dvBack = CreateDiv('dvBack','');
	dvBack.style.position="absolute";
	dvBack.style.top="0";
	dvBack.style.background="#cccccc";
	dvBack.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=25)";
	dvBack.style.opacity="0.6";
	dvBack.style.left="0";
	dvBack.style.width=sWidth + "px";
	dvBack.style.height=sHeight + "px";
	dvBack.style.zIndex = "10000";
	document.body.appendChild(dvBack);
	document.body.appendChild(dvWin);
}

var md=false,mobj,ox,oy
document.onmousedown=function(ev)
{
		var ev=ev||window.event;
		var evt=ev.srcElement||ev.target;
   	if(typeof(evt.getAttribute("canmove"))=="undefined")
   	{
      	 return;
   	}
   	if(evt.getAttribute("canmove"))
   	{
       	md = true;
       	mobj = document.getElementById(evt.getAttribute("forid"));
       	ox = mobj.offsetLeft - ev.clientX;
       	oy = mobj.offsetTop - ev.clientY;
   	}
}
document.onmouseup= function(){md=false;}
document.onmousemove= function(ev)
{
var ev=ev||window.event;
   	if(md)
   	{
       	mobj.style.left= (ev.clientX + ox)+"px";
       	mobj.style.top= (ev.clientY + oy)+"px";
   	}
}