var shadedWindow="shadedDiv";
var popWindow = "divPopup";

function getWindowSize()
{var myWidth=0,myHeight=0;if(typeof(window.innerWidth)=='number'){myWidth=window.innerWidth;myHeight=window.innerHeight;}else if(document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight)){myWidth=document.documentElement.clientWidth;myHeight=document.documentElement.clientHeight;}else if(document.body&&(document.body.clientWidth||document.body.clientHeight)){myWidth=document.body.clientWidth;myHeight=document.body.clientHeight;}
    return { width: myWidth, height: myHeight}
}

function absPosition(id) {

         var obj = document.getElementById(id);

         var x = 0;
		 var y = 0;
		 
         while(obj)
          {
            x += obj.offsetLeft;
            y += obj.offsetTop;
            obj = obj.offsetParent;
          }
          return {x:x, y:y}; //temp X
}

function getScrollXY()
{var scrOfX=0,scrOfY=0;if(typeof(window.pageYOffset)=='number'){scrOfY=window.pageYOffset;scrOfX=window.pageXOffset;}else if(document.body&&(document.body.scrollLeft||document.body.scrollTop)){scrOfY=document.body.scrollTop;scrOfX=document.body.scrollLeft;}else if(document.documentElement&&(document.documentElement.scrollLeft||document.documentElement.scrollTop)){scrOfY=document.documentElement.scrollTop;scrOfX=document.documentElement.scrollLeft;}
    return { x: scrOfX, y: scrOfY };
}

function getIEVersion()
{ if (navigator.appVersion.indexOf("MSIE") == -1) return false; var p1 = navigator.appVersion.indexOf("MSIE"); var p2 = navigator.appVersion.indexOf(";", p1); return navigator.appVersion.substr(p1 + 5, p2 - (p1 + 5)); }

function addEventTo(obj,event,handler)
{var altEN='on'+event;if(obj.attachEvent)
obj.attachEvent(altEN,handler);else if(obj.addEventListener)
obj.addEventListener(event,handler,false);else
    alert("You browser doesn't support " + altEN + " event.");
}

function removeEvent(obj,event,handler)
{var altEN='on'+event;if(obj.detachEvent)
obj.detachEvent(altEN,handler);else if(obj.removeEventListener)
obj.removeEventListener(event,handler,false);else
    alert("You browser doesn't support " + altEN + " event.");
}

function init()
{
    addEventTo(window, "scroll", CorrectObjPos);
    addEventTo(window, "resize", CorrectObjPos);
}

function CorrectObjPos()
{
    var divShadedWindow = document.getElementById(shadedWindow);
    if(divShadedWindow!=null)
    {
        divShadedWindow.style.zIndex = 1000;
        divShadedWindow.style.top = getScrollXY().y + "px";
        divShadedWindow.style.left = getScrollXY().x + "px";
    }

    var popWnd = document.getElementById(popWindow);
    if (popWnd != "")
    {
        popWnd.style.top = getScrollXY().y + "px"; popWnd.style.top = (getWindowSize().height - 400) / 2 + getScrollXY().y + "px";
        popWnd.style.left = getScrollXY().x + "px"; popWnd.style.left = (getWindowSize().width - 740) / 2 + getScrollXY().x + "px";
    }
}

function ShowPopup() {

    popWindow = "divSendMessage";
    
    var shaded = document.getElementById(shadedWindow);
    var div = document.getElementById(popWindow);

    CorrectObjPos();
    if (shaded != null && div != null) {
        shaded.style.display = "block";
        div.style.display = "block";
    }
}

function HidePopup()
{
    var shaded = document.getElementById(shadedWindow);
    var div = document.getElementById(popWindow);
    if(shaded!=null && div!=null)
    {
        shaded.style.display="none";
        div.style.display="none";
    }
}