+
diff --git a/css/custom.css b/css/custom.css
index e15163c..587b6f4 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -1,5 +1,5 @@
.media {
- width:60px;
+ width: 60px;
position: absolute;
top: 200px;
right: 0px;
@@ -15,5 +15,22 @@
margin-bottom: 5px;
margin-top: 5px;
}
-#leftcolumn { width: 50%; float: left}
-#rightcolumn { width: 50%; float: right}
\ No newline at end of file
+#leftcolumn {
+ width: 50%;
+ float: left
+}
+#rightcolumn {
+ width: 50%;
+ float: right
+}
+#largeImgPanel {
+ text-align: center;
+ visibility: hidden;
+ position: fixed;
+ z-index: 100;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(100, 100, 100, 0.5);
+}
\ No newline at end of file
diff --git a/javascripts/custom.js b/javascripts/custom.js
new file mode 100644
index 0000000..5460fb2
--- /dev/null
+++ b/javascripts/custom.js
@@ -0,0 +1,18 @@
+function showImage(imgName) {
+ document.getElementById('largeImg').src = imgName;
+ showLargeImagePanel();
+ unselectAll();
+}
+
+function showLargeImagePanel() {
+ document.getElementById('largeImgPanel').style.visibility = 'visible';
+}
+
+function unselectAll() {
+ if (document.selection) document.selection.empty();
+ if (window.getSelection) window.getSelection().removeAllRanges();
+}
+
+function hideMe(obj) {
+ obj.style.visibility = 'hidden';
+}
\ No newline at end of file