$.query = { hash: true, separator: ';' };
function createLoginTooltip(event, loginUrl, registerUrl, currentUrl) {
    if ($(".login-tooltip").length == 0) {
        $('<div class="login-tooltip">Please <a href="' + loginUrl + '?continue=' + currentUrl + '" >login</a> or <a href="' + registerUrl + '?continue=' + currentUrl + '">register</a> to continue<br />(Click this box again to hide)<div>').appendTo('body');
        $(".login-tooltip").click(function () {
            $(".login-tooltip").fadeOut(500, function () {
                $(this).remove();
            });
        });
    }
    positionTooltip(event);
    $("div.login-tooltip").fadeIn(500);
};
function createJoinTooltip(event, loginUrl, registerUrl, currentUrl) {
    if ($(".login-tooltip").length == 0) {
        $('<div class="login-tooltip">Please join <a href="' + root + 'home/selecthomeregion/' + appId + '" id="joinCommunityPopup">WeLove ' + appName + '</a> to continue<br />(Click this box again to hide)<div>').appendTo('body');
        $("a#joinCommunityPopup").colorbox({
            'width': 300,
            'height': 250,
            'iframe': true,
            'onClosed': function () {
                if (becomeMemberSuccess) {
                    $("a#joinCommunity").parent().fadeOut(500);
                }
            }
        });
        $(".login-tooltip").click(function () {
            $(".login-tooltip").fadeOut(500, function () {
                $(this).remove();
            });
        });
    }
    positionTooltip(event);
    $("div.login-tooltip").fadeIn(500);
};
function positionTooltip(event) {

    var x = event.pageX + 15;
    var y = event.pageY + 15;
    $('.login-tooltip').css({ top: y + "px", left: x + "px" });
};
function prepareLoginTooltips() {
    $.each($(".check-login"), function (i, val) {
        if (!isLoggedIn) {
            $(this).removeClass("check-login");
            $(this).addClass("must-login");
        }
    });

    $.each($(".check-login"), function (i, val) {
        if (!isLoggedIn || !isSiteMember) {
            $(this).removeClass("check-login");
            $(this).addClass("must-join");
        }
    });

    $.each($('.must-login'), function (i, val) {
        $(this).unbind('click');
        $(this).click(function (event) {
            createLoginTooltip.call(this, event, loginUrl, registerUrl, currentUrl);
        });
    });
    $.each($('.must-join'), function (i, val) {
        $(this).unbind('click');
        $(this).click(function (event) {
            createJoinTooltip.call(this, event);
        });
    });
}

$(document).ready(function () {
    prepareLoginTooltips();
    if (isLoggedIn && !isSiteMember) {
        $("a#joinCommunity,a#addLocation").colorbox({
            'width': 300,
            'height': 250,
            'iframe': true,
            'onClosed': function () {
                if (becomeMemberSuccess) {
                    $("a#JoinCommunity").parent().fadeOut(500);
                }
            }
        });
    }
    $("a[rel*=colorbox]").colorbox({ slideshow: true, photo: true });

});