function getScrollXY() {
    var x = 0, y = 0;
    if (typeof (window.pageYOffset) == 'number') {
        // Netscape
        x = window.pageXOffset;
        y = window.pageYOffset;
    } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
        // DOM
        x = document.body.scrollLeft;
        y = document.body.scrollTop;
    } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
        // IE6 standards compliant mode
        x = document.documentElement.scrollLeft;
        y = document.documentElement.scrollTop;
    }
    return [x, y];
}

function loadPopup(linkid, popuppage, leftoffset, topoffset)
{
	var htmlContent; 
	$.get(popuppage, function(data){
		htmlContent = data;
		htmlContent = htmlContent.replace('##linkid##',linkid);
		
		
		var xy = getScrollXY();
		
		var oTarget = document.getElementById(linkid);
		var oTargetOffset = $(oTarget).offset();
		
		var oDiv = document.createElement('div');
		$(oDiv).attr({id: linkid + "_overlayPopup"});
		
		oDiv.className = "overlayPopup";
		
		$(oDiv).insertAfter($(oTarget));
		$(oDiv).html(htmlContent);
		
		$(oDiv).css('display', 'none');
		$(oDiv).fadeIn(1500);
		$(oDiv).css('position', 'absolute');
		$(oDiv).css('left', -1000);
		$(oDiv).css('top', -1000);
		
		var leftOffset = oTargetOffset.left + leftoffset;
		var topOffset = oTargetOffset.top + $(oTarget).height() + topoffset;
		
		
		$(oDiv).css('left', leftOffset);
		$(oDiv).css('top', topOffset);		
	});
}

function closePopup(linkid)
{
	$("#" + linkid + "_overlayPopup").remove();
}