jQuery(document).ready(
  function(){
  jQuery("#monica").click(function(){jQuery("#biomonica").fadeIn('normal');
  jQuery("#biodana, #bioelaine, #biosteve").fadeOut('normal');
  });
  jQuery("#steve").click(function(){jQuery("#biosteve").fadeIn('normal');
  jQuery("#biodana, #bioelaine, #biomonica").fadeOut('normal');
  });
  jQuery("#elaine").click(function(){jQuery("#bioelaine").fadeIn('normal');
  jQuery("#biodana, #biosteve, #biomonica").fadeOut('normal');
  });
  jQuery("#dana").click(function(){jQuery("#biodana").fadeIn('normal');
  jQuery("#bioelaine, #biosteve, #biomonica").fadeOut('normal');
  });
        jQuery(".closebio").click(function(){jQuery("#biodana, #bioelaine, #biosteve, #biomonica").fadeOut('normal');});
  
    jQuery(document).bind('click', function(e) {
        var $clicked = jQuery(e.target);
        if (! ( $clicked.is('biodana, #bioelaine, #biosteve, #biomonica') || $clicked.parents().is('#rightrail') )) {
            jQuery('#biodana, #bioelaine, #biosteve, #biomonica').fadeOut('normal');
        }
        
    });
    

  });