diff --git a/_includes/work.html b/_includes/work.html
index b0a164fe..c850bc57 100644
--- a/_includes/work.html
+++ b/_includes/work.html
@@ -13,7 +13,7 @@ <h3 id="work">Work</h3>
       <div class="thumb-container">
       {% for project in site.data.settings.projects %}
       <label for="{{ project.folder }}">
-        <div class="thumb-unit" data-folder="{{ project.folder }}">
+        <div class="thumb-unit" data-url="{{ site.github.url }}/work/{{ project.folder }}">
           <img src="{{ site.github.url }}/assets/img/work/{{project.folder}}/thumb.jpg" alt="{{ project.name }}" />
         </div>
         <div class="thumb-overlay">
diff --git a/assets/js/functions.js b/assets/js/functions.js
index 633e8124..aab67d5d 100644
--- a/assets/js/functions.js
+++ b/assets/js/functions.js
@@ -51,11 +51,10 @@ function  workLoad() {
   $('.thumb-container label').click(function() {
     var $this = $(this),
         newTitle = $this.find('strong').text(),
-        newFolder = $this.find('.thumb-unit').data('folder'),
         spinner = '<div class="loader">Loading...</div>',
-        newHTML = 'work/'+ newFolder;
+        url = window.location.origin + $this.find('.thumb-unit').data('url');
 
-    $('.project-load').html(spinner).load(newHTML);
+    $('.project-load').html(spinner).load(url);
     $('.project-title').text(newTitle);
   });