function showPopup(popupId) {
	
	makeDim();

    var viewportSize = getViewportSize();
    var browserWidth = viewportSize[0];
    var browserHeight = viewportSize[1];
    document.getElementById(popupId).style.visibility = "visible";
    
    leftPos = parseInt((browserWidth/2) - 200);
    document.getElementById(popupId).style.left = leftPos + "px";
	topPos = parseInt((browserHeight/2) - 200) + parseInt(getScrollY());
	document.getElementById(popupId).style.top = topPos + "px";
	document.getElementById(popupId).style.zIndex = 1010;
    

	if (document.getElementById("iframe-" + popupId) && navigator.userAgent.toLowerCase().indexOf("msie 6") != -1) {
		document.getElementById("iframe-" + popupId).style.visibility = "visible";
		document.getElementById("iframe-" + popupId).style.top = topPos + 5 + "px";
		document.getElementById("iframe-" + popupId).style.left = leftPos + 1 + "px";
		document.getElementById("iframe-" + popupId).style.zIndex = 1000;
	}


    //Set active popup
    activePopup = popupId;
}

function getViewportSize(){
	var size=[0,0];
	if(typeof window.innerWidth != 'undefined')
	{
		size=[
			window.innerWidth,
			window.innerHeight
		];
	}
	else if (typeof document.documentElement!='undefined' && typeof document.documentElement.clientWidth!='undefined' && typeof document.documentElement.clientWidth!=0){
		
		size=[
			document.documentElement.clientWidth,
			document.documentElement.clientHeight
		];
	}
	else
	{
		size=[
			document.getElementsByTagName('body')[0].clientWidth,
			document.getElementsByTagName('body')[0].clientHeight
		];
	}
	return size;	
} 
    
function makeDim(){
	var body = document.getElementsByTagName("body")[0];
	var pageDimensions=getPageDimensions();
	var viewportSize=getViewportSize();
	
	if(viewportSize[1]>pageDimensions[1])
	{
		pageDimensions[1]=viewportSize[1];
	}
	var dropSheet=document.createElement("div");
	dropSheet.setAttribute("id", "dropSheet");
	dropSheet.style.position = "absolute";
	dropSheet.style.left = "0";
	dropSheet.style.top = "0";
	if (document.all) {
		dropSheet.style.width = parseInt(pageDimensions[0]) +"px";
	} else {
		dropSheet.style.width = pageDimensions[0] +"px";
	}
	dropSheet.style.height = pageDimensions[1]+"px";
	dropSheet.style.zIndex = 1000;
	body.appendChild(dropSheet);		
}

function getPageDimensions()
{
	var body = document.getElementsByTagName("body")[0];
	var bodyOffsetWidth=0;
	var bodyOffsetHeight=0;
	var bodyScrollWidth=0;
	var bodyScrollHeight=0;
	var pageDimensions = [0,0];
	
	if(typeof document.documentElement !="undefined" && typeof document.documentElement.scrollWidth != "undefined")
	{
		pageDimensions[0] = document.documentElement.scrollWidth;
		pageDimensions[1] = document.documentElement.scrollHeight;
	}
	
	bodyOffsetWidth=body.offsetWidth;
	bodyOffsetHeight=body.offsetHeight;
	bodyScrollWidth=body.scrollWidth;
	bodyScrollHeight=body.scrollHeight;
	
	if(bodyOffsetWidth > pageDimensions[0])	pageDimensions[0] = bodyOffsetWidth;
	if(bodyOffsetHeight > pageDimensions[1]) pageDimensions[1] = bodyOffsetHeight;
	if(bodyScrollWidth > pageDimensions[0])	pageDimensions[0] = bodyScrollWidth;
	if(bodyScrollHeight > pageDimensions[1]) pageDimensions[1] = bodyScrollHeight;

	return pageDimensions;
}

function getScrollY() {
    var scrOfX = 0, scrOfY = 0;
    if( typeof( window.pageYOffset ) == 'number' ) {
        
		//Netscape compliant
        scrOfY = window.pageYOffset;
        scrOfX = window.pageXOffset;

    } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
  
		//DOM compliant
        scrOfY = document.body.scrollTop;
        scrOfX = document.body.scrollLeft;
    } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {

		//IE6 standards compliant mode
        scrOfY = document.documentElement.scrollTop;
        scrOfX = document.documentElement.scrollLeft;
    }
    return scrOfY;
}

  
function closePopup(popupId) {
	var body = document.getElementsByTagName("body")[0];
	var dropSheet = document.getElementById("dropSheet");
	body.removeChild(dropSheet);
	
	document.getElementById(popupId).style.visibility = "hidden";
	
    if (document.getElementById("iframe-" + popupId)) {
		document.getElementById("iframe-" + popupId).style.visibility = "hidden";
	}
}