included new HyperImage reader version + minified version for product…

…ion purposes (v1.0)

this version included bug fixes as well as the ability to open links when the page loads, enabling linking of hyperimage elements in hyperlinks
updated included libraries
updated readme with instructions and comments

README.md

@@ -1,11 +1,15 @@
 # Careful
 The hyperimage popup requires the presence of the hi-res file prefixed with "orig" as in `imagesCaraffa_1.jpg` and `origimagesCaraffa_1.jpg`.
+# Comment by JML
+This is how the EOA version we were given at the time worked. It created 3 versions of each image in EOA and previxed them with "orig" and "big".
 
 # Hyperimage insertion
 
-Code was downloaded from
-http://eoa.kunden.bitgilde.de/app/studies/555/14/index.html by looking
-of the source code of the file and downloading the referenced parts.
+Code was committed by bitGilde to repository
+It is recommended to use the minified version of the HIEOALoader script for production purposes: HIEOALoader.min.js
+
+We have updated the included libraries.
+
 
 The block looks like this
 
@@ -24,6 +28,6 @@ The block looks like this
    <script src="/media/HI-Viewer/lib/leaflet/Leaflet.Spin/leaflet.spin.min.js"></script>
 
    <link rel="stylesheet" href="/media/HI-Viewer/css/style.css?v=1.0">
-   <script src="/media/HI-Viewer/js/HIEOALoader.js" data-hiconfig="ewoJImNvbmZpZyI6IHsKCQkiYmFja2dyb3VuZCI6ICJ3aGl0ZSIsCgkJImxhbmd1YWdlIjogImVuIgoJfQp9"></script>
+   <script src="/media/HI-Viewer/js/HIEOALoader.min.js" data-hiconfig="ewoJImNvbmZpZyI6IHsKCQkiYmFja2dyb3VuZCI6ICJ3aGl0ZSIsCgkJImxhbmd1YWdlIjogImVuIgoJfQp9"></script>
    <!-- End HyperImage EOA Viewer -->
 ```

src/css/style.css

@@ -1,59 +1,59 @@
 body {
-    padding: 0;
-    margin: 0;
+	padding: 0;
+	margin: 0;
 }
 .EOAViewer {
-    width: 100%;
-    height: 100%;
-    background-color: #EEEEEE;
-    display: block;
+	width: 100%;
+	height: 100%;
+	background-color: #EEEEEE;
+	display: block;
 }
 .leaflet-menu {
-    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
+	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
 }
 .leaflet-control-slidemenu span {
-    font-size: 14px;
-    padding-top: 6px;
+	font-size: 14px;
+	padding-top: 6px;
 }
 .hipopupcontainer {
-    display: none;
-    position: fixed;
-    top: 10px;
-    left: 15px;
-    right: 15px;
-    bottom: 15px;
-    -webkit-box-shadow: 3px 3px 37px 9px rgba(0,0,0,0.75);
-    -moz-box-shadow: 3px 3px 37px 9px rgba(0,0,0,0.75);
-    box-shadow: 3px 3px 37px 9px rgba(0,0,0,0.75);
-    z-index: 10000;
+	display: none;
+	position: fixed;
+	top: 10px;
+	left: 15px;
+	right: 15px;
+	bottom: 15px;
+	-webkit-box-shadow: 3px 3px 37px 9px rgba(0,0,0,0.75);
+	-moz-box-shadow: 3px 3px 37px 9px rgba(0,0,0,0.75);
+	box-shadow: 3px 3px 37px 9px rgba(0,0,0,0.75);
+	z-index: 10000;
 }
 .hinavigator {
-    width: auto;
-    height: 104px;
-    background-color:white;
-    padding:2px;
-    background-repeat: no-repeat;
-    background-attachment: fixed;
-    background-position: center;
-    opacity: 0.7;
+	width: auto;
+	height: 104px;
+	background-color:white;	
+	padding:2px;
+	background-repeat: no-repeat;
+	background-attachment: fixed;
+	background-position: center;
+	opacity: 0.7;
 }
 .hinavimagewrapper {
-    max-width: 500px;
-    overflow: auto;
+	max-width: 500px;
+	overflow: auto;
 }
 .hinavrect {
-    position: absolute;
-    border: 2px solid red;
-    top: 0px;
-    left: 0px;
-    bottom: 0px;
-    right: 0px;
+	position: absolute;
+	border: 2px solid red;
+	top: 0px;
+	left: 0px;
+	bottom: 0px;
+	right: 0px;
 }
 .hinavarea {
-    position: absolute;
-    padding: 0px;
-    top: 0px;
-    bottom: 0px;
-    left: 0px;
-    right: 0px;
-}
+	position: absolute;
+	padding: 0px;
+	top: 0px;
+	bottom: 0px;
+	left: 0px;
+	right: 0px;
+}