var memberViewMode = 2;

function updateMembers(viewMode, element) {

    $(".memberViewMode").attr("style", "");

    if (memberViewMode == viewMode) {
        memberViewMode = 2;
    }
    else {
        memberViewMode = viewMode;
        $(element).attr("style", "font-weight:bold;");
    }

    getMembers();

    return false;
}

function getMembers() {

    $("#divMembersBox").html("");
    $("#divMembersBox").hide();
    $("#divMembersLoading").show();
    $("#membersBoxNoUsers").hide();

    var url = "/Templates/RelatePlus/Handlers/GetMembers.ashx?filter=" + memberViewMode + "&limit=6";

    $.getJSON(url, function (data) {
        var items = [];

        if (data.users.length > 0) {
            for (var i = 0; i < data.users.length; i++) {

                var item = data.users[i];
                items.push('<div class="memberSmall"><a href="' + item.url + '" title="' + item.name + '">');
                items.push('<img src="' + item.img + '" alt="' + item.name + '" title="' + item.name + '" CssClass="imgListThmb" /></a>');
                items.push('<div class="memberSmallName"><a href="' + item.url + '" title="' + item.name + '">' + item.name + '</a></div></div>');
            }
        }
        else {
            $("#membersBoxNoUsers").show();
        }

        $("#divMembersBox").html(items.join(''));
        $("#divMembersLoading").hide();
        $("#divMembersBox").show('fast');
    });
}