$(document).ready(function() {
	var oldImage = $('#content img');
	var newImage1 = $('<img src="assets/rollover2.jpg" />');
	newImage1.hide();
	var newImage2 = $('<img src="assets/rollover1.jpg" />');
	newImage2.hide();
	$('.link1').hover(
	  function() {	
     	$('#content').prepend(newImage1);
	    newImage1.fadeIn(200);
	    oldImage.fadeOut(200)
	  },
	  function(){
	    newImage1.fadeOut(200);
	    oldImage.fadeIn(200)
	  });
	$('.link2').hover(
	  function() {	
     	$('#content').prepend(newImage2);
	    newImage2.fadeIn(200);
	    oldImage.fadeOut(200)
	  },
	  function(){
	    newImage2.fadeOut(200);
	    oldImage.fadeIn(200)
	  });
});