$(document).ready(function() {
    $('.staffMemberList ul li').click(function() {
        $('.staffMemberPhoto img').css({border: "1px solid #111519"});
        $('.staffMemberPhoto img').css({opacity: "1"});
        $('.staffMemberPhoto img', this).css({border: "1px solid #807640"});
        $('.staffMemberPhoto img', this).css({opacity: "0.6"});
        staffMemberName = $('.staffMemberBio h3', this).html();
        staffMemberBio = $('.staffMemberBio span', this).html();
        displayBio(staffMemberName, staffMemberBio);
    }); 
});

function displayBio(name, bio) {
    $('.staffMemberDetails').animate({opacity: 0.0}, 150, "swing", function() {
    $('.staffMemberDetails h3').html(name);
    $('.staffMemberDetails span').html(bio);
    $('.staffMemberDetails').animate({opacity: 1.0}, 350, "swing");
});

}