$(document).ready(function () {



    // Fancybox
    $(".fancybox").fancybox();
    $(".fancybox_iframe").fancybox({
        'autoScale': true,
        'transitionIn': 'none',
        'transitionOut': 'none',
        'type': 'iframe',
        'scrolling': 'no'
    });
    $(".fancybox_iframe_long").fancybox({
        'transitionIn': 'none',
        'transitionOut': 'none',
        'type': 'iframe',
        'scrolling': 'no',
        'height': 580,
        'width': 700,
        'autoScale': false,
        'autoDimensions': false

    });
    $("#dialog-modal").dialog({
        modal: true
    });
    // add the lower line on fieldset legends
    $("fieldset legend").after("<div class='greenLine'></div>");

    // user tracking setup
    $(".trackingTable").each(function () {
        var personId = $(this).attr("id");
        $(this).find("tr").each(function () {
            var month = $(this).attr("class");
            if (month != "" && $("#monthSelectBox" + personId + " option." + month).size() == 0) {
                $("#monthSelectBox" + personId).append("<option class='" + month + "'>" + month.replace("_", "/") + "</option>");
            }
        });
    });

    $(".monthSelectBox").each(function () {
        if ($(this).val() != null) {
            var month = $(this).val().replace("/", "_");
            var personId = $(this).attr("id").substring(14);
            $(".trackingTable#" + personId + " tr").hide();
            $(".trackingTable#" + personId + " ." + month).show();
        }
    });

    $(".monthSelectBox").change(function () {
        if ($(this).val() != null) {
            var month = $(this).val().replace("/", "_");
            var personId = $(this).attr("id").substring(14);
            $(".trackingTable#" + personId + " tr").hide();
            $(".trackingTable#" + personId + " ." + month).show();
        }
    });

    // Basic jQuery accordion
    $(".accordion").accordion({ header: 'div.header', autoHeight: false });

    $('.accordionLinkCancel').click(function () {
        $(".userList, .accordion, .userDetails").accordion('disable');
        setTimeout(function () {
            $(".userList, .accordion, .userDetails").accordion('enable');
        }, 250);
    });

    $('a.accordionLink').click(function () {
        $(".accordionCollapsible, .accordion").accordion('disable');
        window.location.href = $(this).attr('href');
        setTimeout(function () {
            $(".accordionCollapsible, .accordion").accordion('enable');
        }, 250);
    });

    $('.mainDetailsHeaderImage a').click(function () {
        $(".userList").accordion('disable');
        window.location.href = $(this).attr('href');
        setTimeout(function () {
            $(".userList").accordion('enable');
        }, 250);
    });
    /*alert($.browser.version);*/

    /*if (!$.browser.msie) {*/
    $(".accordionCollapsible").accordion({ header: 'div.header', collapsible: 'false', active: 'false', autoHeight: false });
    /* }*/
    $(".internalAccordion").accordion({ header: 'div.internalHeader', collapsible: 'true', active: 'false', autoHeight: false });

    // Specific accordion configurations
    $(".helpSection").accordion({ header: 'div.videoBarMini', collapsible: 'false', active: 'false', navigation: 'true' });

    // Basic jQuery tabs
    $("#tabs").tabs({ selected: 0 });

    // Specific tab configurations
    $(".verticalTabs").tabs().addClass('ui-tabs-vertical ui-helper-clearfix');
    $(".verticalTabs li").removeClass('ui-corner-top').addClass('ui-corner-left');


    $('.custom_checkbox input[type=checkbox]').click(function () {
        $(this).parent().toggleClass('selected');
    });

    // Workbook creation
    initBinding();

    $(".addAdditionalIncorrectAnswer").click(function () {
        var buttonId = $(this).attr("id");
        var currentIndex = buttonId.substring(buttonId.indexOf("_") + 1);
        var currentAnswerCount = $("#questionAnswersIndex_" + currentIndex + " .answerWrapper textarea").length;

        var prompt;
        switch (currentAnswerCount) {
            case 3: prompt = "Enter the third WRONG answer"; break;
            case 4: prompt = "Enter the fourth WRONG answer"; break;
            case 5: prompt = "Enter the fifth WRONG answer"; break;
            case 6: prompt = "Enter the sixth WRONG answer"; break;
            case 7: prompt = "Enter the seventh WRONG answer"; break;
            case 8: prompt = "Enter the eighth WRONG answer"; break;
            case 9: prompt = "Enter the ninth WRONG answer"; break;
            case 10: prompt = "Enter the tenth WRONG answer"; break;
            case 21: prompt = "Enter the 21st WRONG answer"; break;
            case 22: prompt = "Enter the 22nd WRONG answer"; break;
            case 23: prompt = "Enter the 23rd WRONG answer"; break;
            default: prompt = "Enter the " + currentAnswerCount + "th WRONG answer"; break;
        }
        $("#questionAnswersIndex_" + currentIndex + " .answerWrapper").append("<label for='question_answer[" + currentIndex + "][" + currentAnswerCount + "]'>" + prompt + "</label><textarea name='question_answer[" + currentIndex + "][" + currentAnswerCount + "]'></textarea>");
        return false;
    });

    // User management switching
    $("#allUsersButton").click(function () {
        showClass(".personSection");
        $('.userDetails').hide();
        $('.editDetails').hide();
        $('.userTracking').hide();
        $('#OpenAllInformation').html('Open all information');
        $('#OpenAllInformation').attr('href', 'javascript:showUsersInfo("open");');
        $(".tabList li").removeClass("selected");
        $("#allUsersButton").parent().addClass("selected");
        $("#allUsersCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#tutorUsersCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#learnerUsersCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#unreadMessagesCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#allUsersCorners").addClass("corner-bottom-container");
        $("#tutorUsersCorners").addClass("corner-bottom-container-light");
        $("#learnerUsersCorners").addClass("corner-bottom-container-light");
        $("#unreadMessagesCorners").addClass("corner-bottom-container-light");
    });
    $("#tutorUsersButton").click(function () {
        showClass(".personRoleTutor");
        $('.userDetails').hide();
        $('.editDetails').hide();
        $('.userTracking').hide();
        $('#OpenAllInformation').html('Open all information');
        $('#OpenAllInformation').attr('href', 'javascript:showUsersInfo("open");');
        $(".tabList li").removeClass("selected");
        $("#tutorUsersButton").parent().addClass("selected");
        $("#allUsersCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#tutorUsersCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#learnerUsersCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#unreadMessagesCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#allUsersCorners").addClass("corner-bottom-container-light");
        $("#tutorUsersCorners").addClass("corner-bottom-container");
        $("#learnerUsersCorners").addClass("corner-bottom-container-light");
        $("#unreadMessagesCorners").addClass("corner-bottom-container-light");
    });
    $("#learnerUsersButton").click(function () {
        showClass(".personRoleLearner");
        $('.userDetails').hide();
        $('.editDetails').hide();
        $('.userTracking').hide();
        $('#OpenAllInformation').html('Open all information');
        $('#OpenAllInformation').attr('href', 'javascript:showUsersInfo("open");');
        $(".tabList li").removeClass("selected");
        $("#learnerUsersButton").parent().addClass("selected");
        $("#allUsersCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#tutorUsersCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#learnerUsersCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#unreadMessagesCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#allUsersCorners").addClass("corner-bottom-container-light");
        $("#tutorUsersCorners").addClass("corner-bottom-container-light");
        $("#learnerUsersCorners").addClass("corner-bottom-container");
        $("#unreadMessagesCorners").addClass("corner-bottom-container-light");
    });

    $("#unreadMessagesButton").click(function () {
        showClass(".unreadMessages");
        $(".tabList li").removeClass("selected");
        $("#unreadMessagesButton").parent().addClass("selected");
        $("#allUsersCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#tutorUsersCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#learnerUsersCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#unreadMessagesCorners").removeClass("corner-bottom-container").removeClass("corner-bottom-container-light");
        $("#allUsersCorners").addClass("corner-bottom-container-light");
        $("#tutorUsersCorners").addClass("corner-bottom-container-light");
        $("#learnerUsersCorners").addClass("corner-bottom-container-light");
        $("#unreadMessagesCorners").addClass("corner-bottom-container");
    });

    $(".messageAllTutors").click(function () {
        $(".recipientsType li input").attr('checked', '');
        $(this).attr("checked", "checked");
        $(".recipientsList li input").attr('checked', '');
        $(".recipientsList .messagePersonRoleTutor input").attr('checked', 'checked');
    });
    $(".messageAllLearners").click(function () {
        $(".recipientsType li input").attr('checked', '');
        $(this).attr("checked", "checked");
        $(".recipientsList li input").attr('checked', '');
        $(".recipientsList .messagePersonRoleLearner input").attr('checked', 'checked');
    });
    $(".messageAllUsers").click(function () {
        $(".recipientsType li input").attr('checked', '');
        $(this).attr("checked", "checked");
        $(".recipientsList li input").attr('checked', 'checked');
    });
    $(".recipientsList li input").click(function () {
        $(".recipientsType li input").attr('checked', '');
    });
    $("#helpVideos").click(function () {
        $(".helpVideoList li").show();
        $(".helpVideoNoResultsMessage").hide();
        $(".tabList .tabStandard").removeClass("corner-bottom-container-light");
        $(".tabList .tabStandard").removeClass("corner-bottom-container");
        $(".tabList .tabStandard").addClass("corner-bottom-container");
        $(".tabList .tabSearch").removeClass("corner-bottom-container");
        $(".tabList .tabSearch").removeClass("corner-bottom-container-light");
        $(".tabList .tabSearch").addClass("corner-bottom-container-light");
        $(".tabListHelpVideos li").removeClass("selected");
        $("#helpVideos").parent().addClass("selected");
    });
    $("#searchResults").click(function () {
        $(".helpVideoList li").show();
        $(".helpVideoNoResultsMessage").hide();
        $(".tabList .tabStandard").removeClass("corner-bottom-container-light");
        $(".tabList .tabStandard").removeClass("corner-bottom-container");
        $(".tabList .tabStandard").addClass("corner-bottom-container-light");
        $(".tabList .tabSearch").removeClass("corner-bottom-container");
        $(".tabList .tabSearch").removeClass("corner-bottom-container-light");
        $(".tabList .tabSearch").addClass("corner-bottom-container");
        $(".tabListHelpVideos li").removeClass("selected");
        $("#searchResults").parent().addClass("selected");
        var searchText = $("#helpVideoSearch").val();
        var count = 0;
        var hidden = 0;
        $(".helpVideoList li").each(function () {
            var tidiedText = searchText.replace(" ", "|");
            if ($(this).attr("id").search(new RegExp(tidiedText, "i")) == -1) {
                $(this).hide();
                hidden = hidden + 1;
            }
            count = count + 1
        });
        if (hidden == count) {
            $(".helpVideoNoResultsMessage").show();
        }
    });
    $("#sortAz").click(function () {
        $(".personSection").sortElements(function (a, b) {
            return $(a).attr("id") > $(b).attr("id") ? 1 : -1;
        });
    });
    $("#sortMessages").click(function () {
        $(".personSection").sortElements(function (a, b) {
            return $(a).hasClass("unreadMessages") ? 0 : 1 > $(b).hasClass("unreadMessages") ? 0 : 1;
        });
    });

    $("#sortTicketsOpened").click(function () {
        $(".supportTicketList .ticketWrapper").sortElements(function (a, b) {
            var aDate = $(a).attr("class").substring(0, 7);
            var bDate = $(b).attr("class").substring(0, 7);
            return aDate > bDate ? 1 : -1;
        });
        return false;
    });

    $("#sortTicketsUpdated").click(function () {
        $(".supportTicketList .ticketWrapper").sortElements(function (a, b) {
            var aDate = $(a).attr("class").substring(9, 17);
            var bDate = $(b).attr("class").substring(9, 17);
            return aDate > bDate ? -1 : 1;
        });
        return false;
    });

    $("#sortTicketsNumber").click(function () {
        $(".supportTicketList .ticketWrapper").sortElements(function (a, b) {
            var aNum = $(a).children(".ticketHeader").attr("id");
            var bNum = $(b).children(".ticketHeader").attr("id");
            return aNum < bNum ? -1 : 1;
        });
        return false;
    });

    //
    //select all the a tag with name equal to modal
    $('div#messageModel').each(function () {
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();

        $('#mask').css({ 'width': maskWidth, 'height': maskHeight });

        var winH = $(window).height();
        var winW = $(window).width();

        $(this).css("top", winH / 2 - $(this).height() / 2);
        $(this).css("left", winW / 2 - $(this).width() / 2);

        $('#mask').fadeTo("slow", 0.7);
        $(this).fadeIn(1000);

    });
    $('#mask').click(function () {
        $(this).hide();
        $('div#messageModel').hide();
    });

    //if close button is clicked
    $('.window .close').click(function (e) {
        //Cancel the link behavior
        e.preventDefault();

        $('#mask').hide();
        $('.window').hide();
    });

    //if mask is clicked
    $('#mask').click(function () {
        $(this).hide();
        $('.window').hide();
    });

    $("input[type=file]:not(.uploadifySingle, .uploadifySubmitSingle, .uploadifyVideoSingle)").filestyle({
        image: "/Content/Images/png/00_button_browse.png",
        imageheight: 40,
        imagewidth: 112,
        width: 103
    });

    $('.uploadifySingle').uploadify({
        'uploader': '/scripts/uploadify/uploadify.swf',
        'script': '/upload.ashx',
        'cancelImg': '/scripts/uploadify/cancel.png',
        'folder': '/uploads',
        'auto': true,
        'removeCompleted': false,
        'queueSizeLimit': 1,
        'onComplete': function (event, queueID, fileObj, response, data) {
            $('#fileName').val(fileObj.name);
            $('#fileName1').val(fileObj.name);
            $('#fileName2').val(fileObj.name);
            $('#fileName3').val(fileObj.name);
            $(".resource_downloads .saveInformationButton").attr('disabled', '');
            $(".askQuestionForm .sendButton").attr('disabled', '');
        },
        'onSelect': function (event, queueID, fileObj) {
            $(".resource_downloads .saveInformationButton").attr('disabled', 'disabled');
            $(".askQuestionForm .sendButton").attr('disabled', 'disabled');
        },
        'onCancel': function (event, QueueID, fileObj, Data) {
            $(".resource_downloads .saveInformationButton").attr('disabled', '');
            $(".askQuestionForm .sendButton").attr('disabled', '');
        },
        'onError': function (event, QueueID, fileObj, errorObj) {
            $(".resource_downloads .saveInformationButton").attr('disabled', '');
            $(".askQuestionForm .sendButton").attr('disabled', '');
        },
        'buttonImg': '/content/images/png/00_button_browse.png', 'height': 40, 'width': 102, 'wmode': 'transparent'
    });

    $('.uploadifySubmitSingle').uploadify({
        'uploader': '/scripts/uploadify/uploadify.swf',
        'script': '/upload.ashx',
        'cancelImg': '/scripts/uploadify/cancel.png',
        'folder': '/uploads',
        'auto': true,
        'removeCompleted': false,
        'queueSizeLimit': 1,
        'onComplete': function (event, queueID, fileObj, response, data) {
            $('#fileName').val(fileObj.name);
            $("form").submit();
        },
        'buttonImg': '/content/images/png/00_button_browseGreenBack.png', 'height': 40, 'width': 102, 'wmode': 'transparent'
    });

    $('.uploadifyVideoSingle').uploadify({
        'uploader': '/scripts/uploadify/uploadify.swf',
        'script': '/upload.ashx',
        'cancelImg': '/scripts/uploadify/cancel.png',
        'folder': '/uploads',
        'auto': true,
        'removeCompleted': false,
        'queueSizeLimit': 1,
        'onComplete': function (event, queueID, fileObj, response, data) {
            $('#fileName').val(fileObj.name);
            $('#fileName4').val(fileObj.name);
            $('#fileName5').val(fileObj.name);
            $('#fileName6').val(fileObj.name);
            $(".updateForm").submit();
        },
        'buttonImg': '/content/images/png/upload_new.png', 'height': 22, 'width': 73, 'wmode': 'transparent'
    });

    $("form.dirtyForm").protectData();

    $("#topicSelectBox").load("/Content/topicOptions.txt");
    $("#osSelectBox").load("/Content/osOptions.txt").change(function () {
        $("#browserSelectBox").load("/Content/OS_" + $("#osSelectBox").val() + "Options.txt").change(function () {
            $("#versionSelectBox").load("/Content/Browser_" + $("#browserSelectBox").val() + "Options.txt");
        });
    });

    $(".wizard .steps li a, .saveContinueButton").click(function () {
        $.protectData.unprotect();
        $("#returnUrl").val($(this).attr("href"));
        $("form").submit();
        return false;
    });

    $("#programmePlayerTabs li a").click(function () {
        $(".corner-bottom-container").addClass("corner-bottom-container-light");
        $(".corner-bottom-container-light").removeClass("corner-bottom-container");
        $(".ui-tabs-selected .corner-bottom-container-light").addClass("corner-bottom-container");
        $(".ui-tabs-selected .corner-bottom-container").removeClass("corner-bottom-container-light");
    });

});
function filterHelpVideos() {
	var searchText = $("#helpVideoSearch").val();
	$(".helpVideoList li").show();
	var count = 0;
	var hidden = 0;
	$(".helpVideoList li").each(function () {
	    var tidiedText = searchText.replace(" ", "|");
	    if ($(this).attr("id").search(new RegExp(tidiedText, "i")) == -1) {
	        hidden = hidden + 1;
	        $(this).hide();
	    }
	    count = count + 1;
	});
	if (hidden == count) {
	    $(".helpVideoNoResultsMessage").show();
    }
	else {
	    $(".helpVideoNoResultsMessage").hide();
	}
    $(".tabList .tabStandard").removeClass("corner-bottom-container-light");
    $(".tabList .tabStandard").removeClass("corner-bottom-container");
    $(".tabList .tabStandard").addClass("corner-bottom-container-light");
    $(".tabList .tabSearch").removeClass("corner-bottom-container");
    $(".tabList .tabSearch").removeClass("corner-bottom-container-light");
    $(".tabList .tabSearch").addClass("corner-bottom-container");
	$(".tabListHelpVideos li").removeClass("selected");
	$("#searchResults").parent().show().addClass("selected");
}

function filterTickets() {
	var searchText = $("#ticketSearch").val();
	$(".ticket").show();
	$(".ticket").each(function () {
		if (searchText.indexOf($(this).attr("id")) == -1)
			$(this).hide();
    });
    $(".tabList .selected .tabStandard").removeClass("corner-bottom-container");
    $(".tabList .selected .tabStandard").addClass("corner-bottom-container-light");
	$(".tabList li").removeClass("selected");
	$(".searchResults").parent().show().addClass("selected");
	$(".supportTicketList").accordion("destroy");
	$(".supportTicketList").accordion({ header: 'div.header', collapsible: 'true', active: 'false', autoHeight: false });

}

function showClass(cssClass) {
	$(cssClass).show();
	$(".accordion").accordion("activate", $(cssClass+":first .header"));
	$(".personSection:not(" + cssClass + ")").hide();
}

function initBinding() {
	$(".writtenAnswer").click(function(){
		var iden = $(this).attr("id");
		var x = iden.substring(iden.indexOf("[") + 1, iden.indexOf("]"));
        $(".multiChoiceLabel\\[" + x + "\\]").hide();
        $(".writtenLabel\\[" + x + "\\]").show();
        $(".questionAnswers\\[" + x + "\\]").fadeOut();
	});

	$(".multipleChoice").click(function(){
		var iden = $(this).attr("id");
		var x = iden.substring(iden.indexOf("[") + 1, iden.indexOf("]"));
        $(".multiChoiceLabel\\[" + x + "\\]").show();
        $(".writtenLabel\\[" + x + "\\]").hide();
        $(".questionAnswers\\[" + x + "\\]").fadeIn();
	});

	$(".accordion").accordion("destroy");
	$(".accordion").accordion({ header: 'div.header', active: 'div.header:last', autoHeight:false });

	$("#clearSearchButton").click(function () {
		$(".personSection").show();
		$(".tabList li").removeClass("selected");
		$("#allUsersButton").parent().addClass("selected");
		$("#personName").val("");
	});
}

function filterUsers() {
    $(".personSection").show();
	var newMessages = $("#newMessages").attr("checked") == true;
	var tutorsOnly = $("#tutorsOnly").attr("checked") == true;
	var learnersOnly = $("#learnersOnly").attr("checked") == true;

	$(".personSection").each(function () {

		if (newMessages && !($(this).hasClass("unreadMessages")))
			$(this).hide();

		if (tutorsOnly && !($(this).hasClass("personRoleTutor")))
			$(this).hide();

		if (learnersOnly && !($(this).hasClass("personRoleLearner")))
			$(this).hide();

		var thisName = $(this).attr("id").toUpperCase().replace("_", " ");
		var searchName = $("#personName").val().toUpperCase();
		if (thisName.indexOf(searchName) == -1)
			$(this).hide();
    });

}

function sortUnorderedList(ul, sortDescending) {
  if(typeof ul == "string")
	ul = document.getElementById(ul);

  // Idiot-proof, remove if you want
  if(!ul) {
	alert("The UL object is null!");
	return;
  }

  // Get the list items and setup an array for sorting
  var lis = ul.getElementsByTagName("LI");
  var vals = [];

  // Populate the array
  for(var i = 0, l = lis.length; i < l; i++)
	vals.push(lis[i].innerHTML);

  // Sort it
  vals.sort();

  // Sometimes you gotta DESC
  if(sortDescending)
	vals.reverse();

  // Change the list on the page
  for(var i = 0, l = lis.length; i < l; i++)
	lis[i].innerHTML = vals[i];
}

function showUsersInfo(type) {
    var count = 0;
    var tabSelected = 0;

    $('.usersTablist').find('li').each(function () {
        if ($(this).hasClass('selected')) {
            tabSelected = count;
        }
        count++;
    });

    var outerdiv;
    var innerdivs;

    switch (tabSelected) {
        case 0:
            innerdivs = $('.userList').find('div');
            break;
        case 1:
            outerdiv = $('.personRoleTutor').next();
            innerdivs = outerdiv.find('div');
            break;
        case 2:
            outerdiv = $('.personRoleLearner').next();
            innerdivs = outerdiv.find('div');
            break;
        default:
            break;
    }
    
    switch (type) {
        case "open":
            if (outerdiv != undefined) { outerdiv.show() };
            innerdivs.show();
            $('#OpenAllInformation').html('Close all information');
            $('#OpenAllInformation').attr('href', 'javascript:showUsersInfo("close");');
            break;
        case "close":
            $('.userDetails').hide();
            $('.editDetails').hide();
            $('.userTracking').hide();
            $('#OpenAllInformation').html('Open all information');
            $('#OpenAllInformation').attr('href', 'javascript:showUsersInfo("open");');
            break;
        default:
            break;
    }
}

function sortUsers(type) {

    switch (type) {
        case "AtoZ":
            var divs = $('.personSection');
            var divsSorted = $('.personSection').tsort('div.name');
            reAttachDetails();
            $('#AtoZ').html('Z-A');
            $('#AtoZ').attr('href', 'javascript:sortUsers("ZtoA");');
            break;
        case "ZtoA":
            var divs = $('.personSection');
            var divsSorted = $('.personSection').tsort('div.name', { order: 'desc' });
            reAttachDetails();
            $('#AtoZ').html('A-Z');
            $('#AtoZ').attr('href', 'javascript:sortUsers("AtoZ");');
            break;
        case "LastLogin":
            var divs = $('.personSection');
            var divsSorted = $('.personSection').tsort('input.userLastEventDate', { order: 'desc', attr: "value" });
            reAttachDetails();
            $('#LastLogin').html('First login');
            $('#LastLogin').attr('href', 'javascript:sortUsers("FirstLogin");');
            break;
        case "FirstLogin":
            var divs = $('.personSection');
            var divsSorted = $('.personSection').tsort('input.userLastEventDate', { attr: "value" });
            reAttachDetails();
            $('#LastLogin').html('Last login');
            $('#LastLogin').attr('href', 'javascript:sortUsers("LastLogin");');
            break;
            break;
        case "TutorsFirst":
            var divs = $('.personSection');
            var divsSorted = $('.personSection').tsort('div.userLevel', { order: 'desc' });
            reAttachDetails();
            $('#TutorsFirst').html('Learners first');
            $('#TutorsFirst').attr('href', 'javascript:sortUsers("LearnersFirst");');
            break;
        case "LearnersFirst":
            var divs = $('.personSection');
            var divsSorted = $('.personSection').tsort('div.userLevel');
            reAttachDetails();
            $('#TutorsFirst').html('Tutors first');
            $('#TutorsFirst').attr('href', 'javascript:sortUsers("TutorsFirst");');
            break;
        case "SuspendedUsers":
            var divs = $('.personSection');
            //var divsSorted = $('.personSection').next().find('.fr').tsort('a', { order: 'desc' });
            var divsSorted = $('.personSection').tsort('input.userSuspended', { order: 'desc', attr:"value" });
            reAttachDetails();
            $('#SuspendedUsers').html('Approved users first');
            $('#SuspendedUsers').attr('href', 'javascript:sortUsers("ActiveUsers");');
            break;
        case "ActiveUsers":
            var divs = $('.personSection');
            //var divsSorted = $('.personSection').next().find('.fr').tsort('a');
            var divsSorted = $('.personSection').tsort('input.userSuspended', { attr: "value" });
            reAttachDetails();
            $('#SuspendedUsers').html('Suspended users first');
            $('#SuspendedUsers').attr('href', 'javascript:sortUsers("SuspendedUsers");');
            break;
        default:
            break;
    }
}

function reAttachDetails() {
    $('.personSection').each(function () {
        $('#userDetails' + $(this).attr('id').replace('personSection', '')).insertAfter($(this));
    });
    
}