title: Hover on text link to change image
body: <p>I'm working on a project and need to work out some simple jQuery for a text rollover that changes the image in the div behind it.</p>
  <p>See the idea here - <a href="http://sharifabraham.com/projects/" rel="nofollow noreferrer">http://sharifabraham.com/projects/</a></p>
  <p>I would like the image to fade in <code>on:hover</code> and fade out when the mouse leaves. Each link on the nav will show the first image of the project.</p>
  <p>Make sense?</p>
  <p>Is this possible with CSS even?</p>