function createPopStyle(createMask){
	var popstyle = new Object;
	popstyle.background = '#ffffff';
	popstyle.border = '6px solid #bbeaf9';
	popstyle.font = '12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif';
	popstyle.position = 'absolute';
	popstyle.textAlign = 'center';
	popstyle.zIndex = '10001';
	popstyle.left = '50%';
	popstyle.marginLeft = '-280px';
	popstyle.lineHeight = '25px';
    if (createMask)
        showMask();
	return popstyle;
}
function addPopup(html, createMask, height, width){
    if (typeof(height) == "undefined")
        height = 130;
    if (typeof(width) == "undefined")
        width = 300;
    var popup = document.createElement('div');
    popup.id = 'popup';
    popup.style.display="";
	popup.setAttribute("align","center");
	var ostyle = new createPopStyle(createMask);
	popup.style.background=ostyle.background;
	popup.style.border=ostyle.border;
	popup.style.position=ostyle.position;
	popup.style.font=ostyle.font;
	popup.style.textAlign = "center";
	popup.style.zIndex = "10001";
	popup.style.left = "50%";
	popup.style.top=(document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop)+300+'px';
	popup.style.marginLeft ="-180px" ;
	popup.style.lineHeight ="25px";
    popup.style.width = width + "px";
    popup.style.height = height + "px";
    popup.innerHTML = html;
    document.body.appendChild(popup);
    
    return popup;
}
function showMask(){
    var popupObj = document.getElementById('bgDiv');
    if (popupObj == null)
    {
        var sWidth,sHeight;
        sWidth=screen.width-21;
        if(navigator.userAgent.indexOf("Firefox")>0){
            sHeight="100%";
        }else{
            sHeight=(screen.height-180)+"px";
        }
        var bgObj=document.createElement("div");
        bgObj.setAttribute('id','bgDiv');
        bgObj.style.position="absolute";
        bgObj.style.top=(document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop)+'px';
        bgObj.style.background="#f2fafb";
        bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75)";
        bgObj.style.opacity="0.6";
        bgObj.style.left="0";
        bgObj.style.width="100%";
        bgObj.style.height=sHeight;
        bgObj.style.zIndex = "10000";
        document.body.appendChild(bgObj);
        var iframe=document.createElement("iframe");
        iframe.setAttribute('id','myIframe');
        iframe.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
        iframe.style.position="absolute";
        iframe.style.width=sWidth + "px";
        iframe.style.height=(screen.height-180)+"px";
        iframe.style.left=0;
        iframe.style.top=(document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop)+'px';
        document.body.appendChild(iframe);
        timeCheckMask=setTimeout("maskMove()",1);
    }
}
function maskMove(){
    getEle("myIframe").style.top=(document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop)+'px';
    getEle("bgDiv").style.top=(document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop)+'px';
    timeCheckMask=setTimeout("maskMove()",1);
}
function hidePopup()
{
    var popupObj = document.getElementById('popup');
    if (popupObj != null)
        document.body.removeChild(popupObj);
    var cacheObj = document.getElementById('bgDiv');
    if (cacheObj != null)
        document.body.removeChild(cacheObj);
    var frameObj = document.getElementById('myIframe');
    if (frameObj != null)
        document.body.removeChild(frameObj);
}