$(document).ready(function() {
  $("#option1").hover(
    function () {
      $("#illustration_menu").attr({ 
          src: "/content/images/illustrations/menu/option1.png",
          title: "Illustration menu",
          alt: "Illustration menu"
        });
    }, 
    function () {
      $("#illustration_menu").attr({ 
          src: "/content/images/illustrations/menu/default.png",
          title: "Illustration menu",
          alt: "Illustration menu"
        });
    }
  );
  
  $("#option2").hover(
    function () {
      $("#illustration_menu").attr({ 
          src: "/content/images/illustrations/menu/option2.png",
          title: "Handmae type & lettering",
          alt: "Handmae type & lettering"
        });
    }, 
    function () {
      $("#illustration_menu").attr({ 
          src: "/content/images/illustrations/menu/default.png",
          title: "Illustration menu",
          alt: "Illustration menu"
        });
    }
  );
  
  $("#option3").hover(
    function () {
      $("#illustration_menu").attr({ 
          src: "/content/images/illustrations/menu/option3.png",
          title: "Collages",
          alt: "Collages"
        });
    }, 
    function () {
      $("#illustration_menu").attr({ 
          src: "/content/images/illustrations/menu/default.png",
          title: "Illustration menu",
          alt: "Illustration menu"
        });
    }
  );
  
  $("#option4").hover(
    function () {
      $("#illustration_menu").attr({ 
          src: "/content/images/illustrations/menu/option4.png",
          title: "Work in Progress",
          alt: "Work in Progress"
        });
    }, 
    function () {
      $("#illustration_menu").attr({ 
          src: "/content/images/illustrations/menu/default.png",
          title: "Illustration menu",
          alt: "Illustration menu"
        });
    }
  );
});