Fix onLoad setClickFrame

This fixes #1.

index.html

@@ -266,14 +266,18 @@ <h3>Warsaw at Night</h3>
 		}
 
 		// Set clickable frame on Slider
-
-		var setClickFrame = function() {
+		 window.addEventListener('DOMContentLoaded', function() {
 
 			var getContainer = document.getElementsByClassName('banner-main--feature');
 			var newNode = document.createElement("a");
 
-			var getHashId = window.location.hash.match(/\d+(\.\d+)?/g);
-			getHashId = parseInt(getHashId[0]);
+			var getHashId = 1; // Set initial value to 1 as this the 1st is always loaded
+
+			if(window.location.hash !== '') {
+				getHashId = window.location.hash.match(/\d+(\.\d+)?/g);
+				getHashId = parseInt(getHashId[0]);
+			}
+
 			var maxCount = document.querySelectorAll('.slider-content > li').length;
 			var nextItem;
 
@@ -287,7 +291,7 @@ <h3>Warsaw at Night</h3>
 			newNode.setAttribute('href', '#slide-'+nextItem);
 
 			getContainer[0].appendChild(newNode);
-		}
+		});
 
 		window.addEventListener('hashchange', function() {
 
@@ -330,7 +334,6 @@ <h3>Warsaw at Night</h3>
 		}
 
 		// Initialize all the things
-		window.addEventListener('load', setClickFrame);
 
 		if(window.location.hash.indexOf("slide-") >= 0) {
 			window.addEventListener('load', setActiveItems);