Add campus pictures

1 files changed, 23 insertions, 0 deletions

diff --git a/js/campus.js b/js/campus.js
index 8d6846b..55e0efe 100644
--- a/js/campus.js
+++ b/js/campus.js
@@ -46,6 +46,27 @@ define(['campus-coords', 'd3'], function(coords, d3) {
                         });
     }
 
+    function try_add_image(building, element) {
+        var image_url = 'images/campus-' + building.id + '.png';
+        var img = new Image();
+        img.src = image_url;
+        img.className = 'description-picture';
+        img.addEventListener('load', function() {
+            var clear = document.createElement('div');
+            clear.style.clear = 'both';
+
+            if (img.width > 500) {
+                img.classList.add('large');
+                element.appendChild(img);
+                element.appendChild(clear);
+            } else {
+                img.classList.add('small');
+                element.insertBefore(img, element.firstChild);
+                element.insertBefore(clear, element.firstChild);
+            }
+        });
+    }
+
     return function() {
         var svg = d3.select('#campus-map').append('svg');
         initSvg(svg);
@@ -67,6 +88,8 @@ define(['campus-coords', 'd3'], function(coords, d3) {
             back_to_top.textContent = 'Back to top';
             links_block.appendChild(back_to_top);
             citems.appendChild(links_block);
+
+            try_add_image(building, text_block);
         });
     };
 });