$(document).ready(function () {
    //disjointed rollover function starting point
    $("div.names a").mouseover(function () {
        //make a variable and assign the hovered id to it
        var elid = $(this).attr('id');
        //hide the image currently there
        $("div#member div").hide();
        //fade in the image with the same id as the selected buttom
        $("div#member div#" + elid + "").fadeIn("slow");
    });
    $("div.names a").mouseout(function () {
        //make a variable and assign the hovered id to it
        var elid = $(this).attr('id');
        //hide the image currently there
        $("div#member div").hide();
        //fade in the image with the same id as the selected buttom
        $("div#member div#" + elid + "").fadeOut("slow");
    });
});