+<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
+
+<script>
+var linkColor = "#00CC00";
+var hoveredLinkColor = "#1aff1a";
+var textColor = "#111111";
+var h2Colour = "#008000";
+var h3Colour = "#009900";
+var h4Colour = "#00aa00";
+function linkify(element) {
+ var previousImg = $(element).find("img").attr("src");
+ var newImg = previousImg.replace("200", "-link200");
+ $(element).find("img").attr("src", newImg);
+ $(element).find(".name").css("text-decoration", "underline");
+ $(element).find(".text").css("color", linkColor);
+ $(element).find("h2").css("color", linkColor);
+ $(element).find("h3").css("color", linkColor);
+ $(element).find("h4").css("color", hoveredLinkColor); };
+function unlinkify(element) {
+ var previousImg = $(element).find("img").attr("src");
+ var newImg = previousImg.replace("-link200", "200");
+ $(element).find("img").attr("src", newImg);
+ $(element).find(".name").css("text-decoration", "none");
+ $(element).find(".text").css("color", textColor);
+ $(element).find("h2").css("color", h2Colour);
+ $(element).find("h3").css("color", h3Colour);
+ $(element).find("h4").css("color", h4Colour); };
+function fade(element, opacity) {
+ $(element).css("opacity", opacity); };
+function fadeIn(element, ms) {
+ var ms = ms ? ms : 0;
+ setTimeout(function() { fade(element, 1); }, ms); };
+function fadeOut(element, ms) {
+ var ms = ms ? ms : 0;
+ setTimeout(function() { fade(element, 0.5); }, ms );};
+function animatePersonClickiness() {
+ $(".person").hover(
+ function() {
+ fadeOut($(this).children(".photo"));
+ linkify($(this)); },
+ function() {
+ fadeIn($(this).children(".photo"));
+ unlinkify($(this)); } ); };
+$(document).ready( function() {
+ animatePersonClickiness(); });
+</script>
+