$(document).ready(function (){
  function setContentToPage(page) {
    page = '/kinghorn/' + page + '.html';
    $.get(page, function(data) {
      $('#c').html(data);
    });
  }

  $('#about').click(function(){
    setContentToPage('about');
  }

  $('#crop-gradient').click(function(){
    setContentToPage('cropAndGradient');
  }

  $('#sketches').click(function(){
    setContentToPage('sketches');
  }

  $('#rain').click(function(){
    setContentToPage('rain');
  }

  $('#triple-frame').click(function(){
    setContentToPage('tripleFrame');
  }

  $('#pen').click(function(){
    setContentToPage('pen');
  }

  $('#logos').click(function(){
    setContentToPage('logos');
  }

  $('#rhino').click(function(){
    setContentToPage('rhino');
  }

  $('#flash').click(function(){
    setContentToPage('flash');
  }

  $('#tech').click(function(){
    setContentToPage('tech');
  }

});


@@ -236,25 +236,27 @@
 about');%0A  %7D
+);
 %0A
-
 %0A  $('#crop-
@@ -324,24 +324,26 @@
 dient');%0A  %7D
+);
 %0A%0A  $('#sket
@@ -396,32 +396,34 @@
 'sketches');%0A  %7D
+);
 %0A%0A  $('#rain').c
@@ -464,32 +464,34 @@
 age('rain');%0A  %7D
+);
 %0A%0A  $('#triple-f
@@ -551,24 +551,26 @@
 Frame');%0A  %7D
+);
 %0A%0A  $('#pen'
@@ -617,24 +617,26 @@
 ('pen');%0A  %7D
+);
 %0A%0A  $('#logo
@@ -687,24 +687,26 @@
 logos');%0A  %7D
+);
 %0A%0A  $('#rhin
@@ -757,24 +757,26 @@
 rhino');%0A  %7D
+);
 %0A%0A  $('#flas
@@ -827,24 +827,26 @@
 flash');%0A  %7D
+);
 %0A%0A  $('#tech
@@ -896,18 +896,20 @@
 tech');%0A
-
   %7D
+);
 %0A%0A%7D);%0A%0A

fix dumb js syntax error