function showHidePopup(event) {
    var span = document.getElementById('PopupSpan');
    var isIE = document.all ? true : false;
    var x, y;
    if (!isIE) {
        x = event.pageX;
        y = event.pageY;
        if (x + 439 > document.width)
            x = x - 439;
    }

    if (isIE) {
        x = event.clientX + document.documentElement.scrollLeft;
        y = event.clientY + document.documentElement.scrollTop;
        if (x + 439 > document.body.width)
            x = x - 439;
    }

    if (!span) {
        span = document.createElement("span");
    }
    span.style.position = "absolute";
    span.style.display = 'inline';
    if (!event) var event = window.event;
    span.style.top = y + 'px';
    span.style.left = x + 'px';
    span.id = 'PopupSpan';
    span.zindex = event.clientY + document.body.scrollTop;
    span.innerHTML = '<div id="popup">' + document.getElementById("hdnVisMessage").value + '</div>';
    document.getElementsByTagName("body")[0].appendChild(span);
    return false;
}

function closePopup() {
    document.getElementById('PopupSpan').style.display = 'none';
}

function ShowImagePopUp(threadID) {
    var strUrl = "/People/ShowPhoto.aspx?threadid=" + threadID;
    var strWindowName = "PopUpImg";
    var strFeatures = "width=600,height=420,left=100,top=100,scrollbars=1,resizable=1,toolbar=0,menubar=0,titlebar=0,status=0";

    window.open(strUrl, strWindowName, strFeatures);
}

function ShowClosedGroupPopup(elementId, sid, identityType, caption, literalParticipantsId, containerControlId) {
    var span = document.getElementById('PopupSpan');
    var x, y;

    var leaveMethod;

    if (typeof (GetLeavePostbackScript) == 'function') {
        leaveMethod = GetLeavePostbackScript();
    }
    else {
        leaveMethod = "javascript:JoinLeave('" + sid + "', 'Leave', '" + identityType + "', '', '" + elementId + "','" + caption + "', true, '" + literalParticipantsId + "','" + containerControlId + "', true);closePopup();";
    }
    var html = PopupHTML();

    html = html.replace("[LEAVE_SCRIPT]", leaveMethod);

    var element = $("#" + elementId);

    var offset = element.offset();
    x = offset.left - (element.width() + 100 / 2);
    y = offset.top - element.height() - 100;


    if (!span) {
        span = document.createElement("span");
    }
    span.style.position = "absolute";
    span.style.display = 'inline';
    if (!event) var event = window.event;
    span.style.top = y + 'px';
    span.style.left = x + 'px';
    span.id = 'PopupSpan';
    span.zindex = x;
    span.innerHTML = '<div id="popup">' + html + '</div>';
    document.getElementsByTagName("body")[0].appendChild(span);
    return false;
}

function ShowSharePopup(event, sharePopupClientId, tblShareBookmarkerId) {
    var x, y, residualDistance;
    var spanSharePopup = $('#' + sharePopupClientId);
    var objShareBookmarker = $('#' + tblShareBookmarkerId);

    x = objShareBookmarker.position().left;
    y = objShareBookmarker.position().top + objShareBookmarker.height() - 5;

    residualDistance = ($(window).scrollLeft() + $(window).width()) - x;
    if (residualDistance < spanSharePopup.width() + 25) {
        x = x - spanSharePopup.width() + objShareBookmarker.width();
    }
    if (spanSharePopup) {
        spanSharePopup.css('position', "absolute");
        spanSharePopup.css('display', "inline");
        spanSharePopup.css('top', y + 'px');
        spanSharePopup.css('left', x + 'px');
        if (!event) var event = window.event;
        spanSharePopup.css('zindex', y + $(window).scrollTop());
    }
    return false;
}

function HideSharePopup(event) {
    $("div[name='sharePopup']").each(function(index) {
        $(this).css('display', 'none');
    });
}