var reset = false;
var acc;

function get_staff(id){
    var vis1 = $('#staff-bio').css('display');
    var vis2 = $('#staff-interests ul').css('display');
    var vis3 = $('#staff-qualifications ul').css('display');
    var vis4 = $('#staff-availability p').css('display');
    reset = false;
    $.ajax({
        type: "GET",
        url: "/ajax-get-staff-member-do-not-delete/",
        data: {staff: id},
        success: 
            function(html){
                response = $(html);
                $('#staff-name').html(response.find('#name').html()).fadeIn('fast');
                $('#staff-photo').html(response.find('#photo').html()).fadeIn('fast');//these fades to be slow, or else browsers display the alt message and broken image tag - looks rank.
                 $('#staff-position').html(response.find('#position').html()).fadeIn('fast');
                 
                var nocontent = false;
                if(response.find('#availability').html() == '')
                    nocontent = true;
                change_text($('#staff-bio'), response.find('#bio').html(), vis1);
                change_text($('#staff-interests ul'), response.find('#interests').html(), vis2);
                change_text($('#staff-qualifications ul'), response.find('#qualifications').html(), vis3);
                change_text($('#staff-availability p'), response.find('#availability').html(), vis4);
                if(nocontent){
                    //change back to tab 1
                    acc.accordion('activate', 0);
                    $('#staff-bio').fadeIn('fast');
                    $('#staff-interests-a, #staff-qualifications-a, #staff-availability-a').fadeOut('fast');
                }else
                    $('#staff-interests-a, #staff-qualifications-a, #staff-availability-a').fadeIn('fast');
            }
    });
    $('#staff-name').fadeOut('fast');
    $('#staff-photo').fadeOut('fast');
    $('#staff-position').fadeOut('fast');
    $('#staff-bio p').fadeOut('fast');
    $('#staff-interests ul').fadeOut('fast');
    $('#staff-qualifications ul').fadeOut('fast');
    $('#staff-availability p').fadeOut('fast');
    return false;//nofollow
}

function change_text(item, content, vis, nocontent){
    if(content == '<li><span></span></li>') content = '';
    item.html(content)
    if(!nocontent && vis == 'block') item.fadeIn('fast');
}

jQuery.preloadImages = function(){for(var i = 0; i<arguments.length; i++){jQuery("<img>").attr("src", arguments[i]);}}