$(document).ready(function() {
  
 // hides the info as soon as the DOM is ready (a little sooner that page load)
  
  $('#info').hide();

 // //////////////////////////////////////////////////////////////////// INFO 
    
  $('.show').click(function() { $('#info').fadeIn(500, 'easeInOutQuad'); return false; });
  $('.show').click(function() { $('.birdright').toggleClass("activepage"); return false; });
  $('.show').click(function() { $('.birdmiddle,.birdleft').removeClass("activepage"); return false; });
  $('.close').click(function() { $('#info').fadeOut(500, 'easeInOutQuad'); return false; });
  $('.close').click(function() { $('.birdright').removeClass("activepage"); return false; });
  $('.close').click(function() { $('.resume').addClass("activepage"); return false; });
  $('#nav').click(function() { $('#info').fadeOut(500, 'easeInOutQuad'); return false; });  
  

});