From 54a6ef6d07149e468579ec7beae96a8522d1bbbf Mon Sep 17 00:00:00 2001
From: Andre <andre.lichtenthaeler@gmail.com>
Date: Sun, 6 Aug 2017 02:30:07 +0200
Subject: [PATCH] Fixed issue #1 (This time for real...)

- Fixed issue #1
- Changed some lines from ES6 to ES5 *(For compatibility reasons)*
- The ``close``-Function now resets the ALightBox content explicitly
- Added a minified version of the stylesheet
---
 .gitignore                                 |  1 -
 README.md                                  |  7 +++++--
 index.html                                 |  4 ++--
 src/{ALightBox.css => ALightBox-0.1.1.css} |  0
 src/{ALightBox.js => ALightBox-0.1.1.js}   | 19 ++++++++++---------
 src/ALightBox-0.1.1.min.css                |  1 +
 src/ALightBox-0.1.1.min.js                 |  1 +
 src/ALightBox.min.js                       |  1 -
 8 files changed, 19 insertions(+), 15 deletions(-)
 rename src/{ALightBox.css => ALightBox-0.1.1.css} (100%)
 rename src/{ALightBox.js => ALightBox-0.1.1.js} (78%)
 create mode 100644 src/ALightBox-0.1.1.min.css
 create mode 100644 src/ALightBox-0.1.1.min.js
 delete mode 100644 src/ALightBox.min.js

diff --git a/.gitignore b/.gitignore
index d3e35b0..54e1cc2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,2 @@
 /docs
 /images/
-index.html
diff --git a/README.md b/README.md
index 16742a7..e496c55 100644
--- a/README.md
+++ b/README.md
@@ -40,8 +40,11 @@ I am using [Semantic Versioning 2.0.0](http://semver.org/) for versioning. For t
 This project is licensed under the MIT License. See the [LICENSE.md](LICENSE.md) file for more details.
 
 ## Changelog
-### Version 0.1.1: (6nd August, 2017)
-- [Fix] Problem [#1](/issues/1)
+### Version 0.1.1: (6th August, 2017)
+- Fixed issue [#1](/issues/1) *(This time for real...)*
+- Changed some lines from ES6 to ES5 *(For compatibility reasons)*
+- The ``close``-Function now resets the ALightBox content explicitly
+- Added a minified version of the stylesheet
 
 ### Version 0.1.0: (2nd July, 2017)
 - First introduction
diff --git a/index.html b/index.html
index 5c256ac..3911c2f 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
 		<title>ALightBox</title>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width,initial-scale=1"/>
-		<link rel="stylesheet" href="./src/ALightBox.css">
+		<link rel="stylesheet" href="./src/ALightBox-0.1.1.css">
 		<style media="screen">
 			.t img {
 				width: 200px;
@@ -25,7 +25,7 @@ <h1>Landscape</h1>
 			<a class="alb_item" href="https://www.youtube.com/watch?v=wl7eBp7fQeM">Test</a>
 		</div>
 		<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
-		<script src="./src/ALightBox.js"></script>
+		<script src="./src/ALightBox-0.1.1.js"></script>
 		<script type="text/javascript">
 			$('body').ALightBox({
 				showYoutubeThumbnails: true
diff --git a/src/ALightBox.css b/src/ALightBox-0.1.1.css
similarity index 100%
rename from src/ALightBox.css
rename to src/ALightBox-0.1.1.css
diff --git a/src/ALightBox.js b/src/ALightBox-0.1.1.js
similarity index 78%
rename from src/ALightBox.js
rename to src/ALightBox-0.1.1.js
index 81369f6..99d2762 100644
--- a/src/ALightBox.js
+++ b/src/ALightBox-0.1.1.js
@@ -83,13 +83,13 @@
       if (tag == 'a' && settings.showYoutubeThumbnails) {
         var videoID = $(items[i]).attr('href').match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/)[2];
 
-        $(items[i]).html(`<img src="https://i.ytimg.com/vi/${videoID}/maxresdefault.jpg"/>`);
-        $('#alb_content').html(`<iframe src="https://www.youtube.com/embed/${videoID}?badge=0&html5=1" width="1280" height="720" frameborder="0" allowfullscreen></iframe>`);
+        $(items[i]).html('<img src="https://i.ytimg.com/vi/' + videoID + '/maxresdefault.jpg"/>');
+        $('#alb_content').html('<iframe src="https://www.youtube.com/embed/' + videoID + '?badge=0&html5=1" width="1280" height="720" frameborder="0" allowfullscreen></iframe>');
       }
     }
 
     /*-- Append the actual lightbox to the HTML-body --*/
-    $('body').append(`<div id="alb_overlay"><nav><span id="alb_icon_prev" title="${language[settings.language]["prev"]}"></span><span id="alb_icon_close" title="${language[settings.language]["close"]}"></span><span id="alb_icon_next" title="${language[settings.language]["next"]}"></span></nav><div id="alb_content"></div><div id="alb_footer"></div></div>`);
+    $('body').append('<div id="alb_overlay"><nav><span id="alb_icon_prev" title="' + language[settings.language]["prev"] + '"></span><span id="alb_icon_close" title="' + language[settings.language]["close"] + '"></span><span id="alb_icon_next" title="' + language[settings.language]["next"] + '"></span></nav><div id="alb_content"></div><div id="alb_footer"></div></div>');
 
     function open(obj) {
       galleryTitle = obj.parent().data('title');
@@ -113,6 +113,7 @@
 
     function close() {
       $('#alb_overlay').fadeOut(settings.effectTime);
+			$('#alb_content').html('');
 
       if (document.title != docTitle)
         document.title = docTitle;
@@ -143,24 +144,24 @@
 
       if (tag == 'a') {
         var videoID = $(item).attr('href').match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/)[2];
-        $('#alb_content').html(`<iframe src="https://www.youtube.com/embed/${videoID}?badge=0&html5=1" width="1280" height="720" frameborder="0" allowfullscreen></iframe>`);
+        $('#alb_content').html('<iframe src="https://www.youtube.com/embed/' + videoID + '?badge=0&html5=1" width="1280" height="720" frameborder="0" allowfullscreen></iframe>');
       } else if (tag == 'img') {
-        $('#alb_content').html(`<img src="${$(item).attr('src')}"/>`);
+        $('#alb_content').html('<img src="' + $(item).attr('src') + '"/>');
       }
     }
 
-    $(this).find(itemSelector).stop().click(function(e) {
+    $(this).find(itemSelector).click(function(e) {
       e.preventDefault();
       open($(this));
     });
 
-    $('#alb_icon_close').stop().click(function() {
+    $('#alb_icon_close').click(function() {
       close();
     });
-    $('#alb_icon_next').stop().click(function() {
+    $('#alb_icon_next').click(function() {
       next();
     });
-    $('#alb_icon_prev').stop().click(function() {
+    $('#alb_icon_prev').click(function() {
       previous();
     });
 
diff --git a/src/ALightBox-0.1.1.min.css b/src/ALightBox-0.1.1.min.css
new file mode 100644
index 0000000..d6674e3
--- /dev/null
+++ b/src/ALightBox-0.1.1.min.css
@@ -0,0 +1 @@
+/* CSSTidy 1.5.2: Sat, 05 Aug 2017 18:58:24 -0500 */#alb_overlay{background:rgba(0,0,0,0.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}#alb_overlay nav{display:flex;justify-content:space-between;width:100%}#alb_content{align-items:center;bottom:48px;display:flex;justify-content:center;position:absolute;top:48px;width:100%}#alb_content img,#alb_content iframe{max-height:100%;max-width:calc(100% - 4rem)}#alb_footer{bottom:0;color:#fff;font-family:'Roboto';font-size:1.2rem;height:48px;line-height:48px;position:absolute;text-align:center;width:100%}#alb_icon_prev,#alb_icon_close,#alb_icon_next{cursor:pointer;display:inline-block;height:32px;margin:8px;opacity:.6;width:32px}#alb_icon_prev:hover,#alb_icon_close:hover,#alb_icon_next:hover{opacity:1}#alb_icon_prev{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wwTFTEn0VrCaAAAAAxpVFh0Q29tbWVudAAAAAAAvK6ymQAAAahJREFUeNrtm71Ow0AQhGcNQkhBUEVUQAk9z88bQA8FRVIhqiBFAoRgaFxEweCfnH17O2xp2Zbm2/Hd7Z4PEA2SjySpKHzFjTAh4WsAs+3rpio8PACSrwAO2+4ztYxvRxVI+HM9qs/6PGcRhAOYD32+Klj4ss74fJf3mFrGi3VAqowX5wCSSwBnY73fVIW7BTCVcHcAphbuBkAu4dkB5BaeDUDqebwYAN6ETwbAq/DRAXgXPhqAvvV47qhSZnxIPV68A0rLeDIAJFcATlB4mFrGBwMg+YWATVRTFd4KILrwXwGoCP8BgOQnAu0TdAZA8gPAPkSjUrJ72yfwDuBAFoDqWPDXNCgBostCKDSIPkvhkCA6CzKzPTMzAG+SDohaFaZoiLwAOJYFULoj/puiyYmaHdWD5YOkAxocsQBwLuOABkdceHZEjs1RV46YfGXnzREefpC4B3ApCyA3CDfFjZld1Z/GnaQDcjnCbXm74YgbSQc0OOIWwLUsgLFAFNsSTzVGRDgwsROI4nt8u06fEQ9NPQE4lQXQF4TCwclejogMYsGGkAch74hvE9kpVdZ2MIQAAAAASUVORK5CYII=);background-position:center center;background-repeat:no-repeat;background-size:32px 32px}#alb_icon_close{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wwTFTU234YnngAAAAxpVFh0Q29tbWVudAAAAAAAvK6ymQAAAqhJREFUeNrtm81twkAQRr8hoQskcuUSNxClB0Qb6SGiHA6BCpJDyDkSPaQLhCYXGzmwtvdvZuzglXwLaN8jnt3ZmSVmRsogIgx5THDjYxSQ8NkZgLk1ADNT6hfEPAtm3jDzlpkLQ/iinMOGmRdaAir4aphIqMFXI05CIryJBAd8vIQM8KoSWuDjJGSCV5HgAR8uISO8qIQA+DAJmeFFJETA+0sQgK9LIEN4PwlC8NXYlwBW8N0SBOH/vA7V9xvAt0twCMgJ75TQJUIAvi5h1pYLEICpwAq2BPAKoLgU74Iv/3YpMI8pgLuu/wAp++fA6Io7wr9888rUEAQlJ7JvkKAP37EMUjlZKQmFObzHRoikJ2YK77kVlpbwbQYfkAxJSrCDD0yHi4FICMtDAg9ECsHAqA8feSTW19chLgONPBTtm4RtdNIVKaBPEq7yjCARCQL6EBid8EEiEgVYSuiE9xFBqcXRckhmcK7xBeAZQPDkL4u5uQRoSoiGd4nIWRw9AFgB+BCE3wF4SYWvv/q5q8OPwr/+g0SxIdejFQyDgl9XUMwVAwjAJ4AnpSC4A7AuX7ukIHg/QHjUAq23hKZWntQYUAB4U4ZvPGhtAm/tYxrwLtB0K1zccjLU14ORqHQ4dBWwCHjBqwMRea8Ok4EEvKDAKHEkNpTzQJFDUUn49/Lp7bG4Rp1Q8qA1qTAiXrFRKsNFlcY04dXKcL4CLOB7Ux6fa8Mrdoec405bNngCcBTaoKzqJzlNCQoRHZh5fZH15RpHImKLJiniATVJ5W6Tiz50YaM2uZyNksndomzUKDm2ynJas3T2q2Rs1Cwd0y4vdo+OjdrlfSXsJeEDJIhcmPC5MqN2g5KNrsyMl6b4H16bS60M0dXWUl/CHMCJiH4sBIyXp4c+bl7AL1DfX7VzuAoBAAAAAElFTkSuQmCC);background-position:center center;background-repeat:no-repeat;background-size:32px 32px}#alb_icon_next{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wwTFTE3zO3SDAAAAAxpVFh0Q29tbWVudAAAAAAAvK6ymQAAAaFJREFUeNrlmrFOwzAURd91LQEqEhOIia79AH6fT8gHZGCgTMCCEEgVAsxQB0HUqBFx7Pd8zxi1Se/xtWtZkbDjVlgJf3lmy48QQthz/Q3AKbMAGhGHBHRsAZzUKMCN/NxxXCNeWQV0LKOIR7YpMMQTgAumBvQ5j43YsDbAfCNc4vuZa0TqBvS5B3DFLEC9iFwC1IrILUCdiFIC1IgoLaC4CC0Ciu0jtAnILkKrgGwitAuYXYQVAR3JT6ic2CL5eYS1BiRvhBPbLKce51tvwORG1CagIwBwzAJGi6hdwEERLAIGRTjhAvFf45O1AX0+nHADTxr8HcCRiAibgC8Ai98XPGtwFgGDwWsXcDB4rfuALXYsxn6hlgb8+1zAuoAXAGdTbuDZRty6ANpD0TYubsnfWdTegA2A1ZwPcMpHfDX3gzzbiGttQLYR19aAFsC65A/wrMFLTYEmVn2tZOpla0CrKXTOBtxoG/FcDWgAXFvYYnrW4KkFtJprPqcAs8GnLoKN9sVtrgY8ALiUivCswccKqDb4D2E/d8ICbfCeAL7gkW/gmA5/nYsoNwAAAABJRU5ErkJggg==);background-position:center center;background-repeat:no-repeat;background-size:32px 32px}
diff --git a/src/ALightBox-0.1.1.min.js b/src/ALightBox-0.1.1.min.js
new file mode 100644
index 0000000..4fd9e12
--- /dev/null
+++ b/src/ALightBox-0.1.1.min.js
@@ -0,0 +1 @@
+(function(a){a.fn.ALightBox=function(b){function c(w){n=w.parent().data('title'),p=a(w).parent().children(o).index(w),d(),a('#alb_overlay').fadeIn(l.effectTime)}function d(){j(a(q[p])),a(q[p]).data('title')&&l.showImageTitle&&(document.title=m+' - '+a(q[p]).data('title')),a(q[p]).parent().data('title')&&l.showGalleryTitle?a('#alb_footer').html(n+': '+(p+1)+' / '+r):a('#alb_footer').html(p+' / '+r)}function f(){a('#alb_overlay').fadeOut(l.effectTime),a('#alb_content').html(''),document.title!=m&&(document.title=m)}function g(){p<r-1?(p++,d()):l.roundRobin&&(p=0,d())}function h(){0<p?(p--,d()):l.roundRobin&&(p=r-1,d())}function j(w){var x=a(w)[0].localName;if('a'==x){var y=a(w).attr('href').match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/)[2];a('#alb_content').html('<iframe src="https://www.youtube.com/embed/'+y+'?badge=0&html5=1" width="1280" height="720" frameborder="0" allowfullscreen></iframe>')}else'img'==x&&a('#alb_content').html('<img src="'+a(w).attr('src')+'"/>')}for(var k={effectTime:200,showImageTitle:!0,showGalleryTitle:!0,language:navigator.language.substr(0,2),roundRobin:!0,showYoutubeThumbnails:!1},l=a.extend({},k,b),m=document.title,n='',o='.alb_item',p=0,q=a(this).find(o),r=q.length,s={de:{prev:'Vorheriges Bild',next:'N\xE4chstes Bild',close:'Schlie\xDFen'},en:{prev:'previous image',next:'next image',close:'close'},fr:{prev:'Image pr\xE9c\xE9dente',next:'Image suivante',close:'Fermer'},es:{prev:'Imagen anterior',next:'Siguiente imagen',close:'Cerca'},it:{prev:'Immagine precedente',next:'Immagine successiva',close:'Vicino'},zh:{prev:'\u4E0A\u4E00\u5F20\u56FE\u7247',next:'\u4E0B\u4E00\u56FE\u7247',close:'\u5173'},ru:{prev:'\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0435\u0435 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435',next:'\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0435\u0435 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435',close:'\u0417\u0430\u043A\u0440\u044B\u0442\u044C'},da:{prev:'Forrige billede',next:'N\xE6ste billede',close:'T\xE6t'},nl:{prev:'Vorig beeld',next:'Volgend beeld',close:'Dichtbij'}},t=0;t<r;t++){!0===a(q[t]).data('hidden')&&a(q[t]).css({display:'none'});var u=a(q[t])[0].localName;if('a'==u&&l.showYoutubeThumbnails){var v=a(q[t]).attr('href').match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/)[2];a(q[t]).html('<img src="https://i.ytimg.com/vi/'+v+'/maxresdefault.jpg"/>'),a('#alb_content').html('<iframe src="https://www.youtube.com/embed/'+v+'?badge=0&html5=1" width="1280" height="720" frameborder="0" allowfullscreen></iframe>')}}a('body').append('<div id="alb_overlay"><nav><span id="alb_icon_prev" title="'+s[l.language].prev+'"></span><span id="alb_icon_close" title="'+s[l.language].close+'"></span><span id="alb_icon_next" title="'+s[l.language].next+'"></span></nav><div id="alb_content"></div><div id="alb_footer"></div></div>'),a(this).find(o).click(function(w){w.preventDefault(),c(a(this))}),a('#alb_icon_close').click(function(){f()}),a('#alb_icon_next').click(function(){g()}),a('#alb_icon_prev').click(function(){h()}),a(document).keydown(function(w){39==w.keyCode&&g(),37==w.keyCode&&h(),27==w.keyCode&&f()})}})(jQuery);
diff --git a/src/ALightBox.min.js b/src/ALightBox.min.js
deleted file mode 100644
index f84d89f..0000000
--- a/src/ALightBox.min.js
+++ /dev/null
@@ -1 +0,0 @@
-(function(a){a.fn.ALightBox=function(b){function c(w){n=w.parent().data('title'),p=a(w).parent().children(o).index(w),d(),a('#alb_overlay').fadeIn(l.effectTime)}function d(){j(a(q[p])),a(q[p]).data('title')&&l.showImageTitle&&(document.title=m+' - '+a(q[p]).data('title')),a(q[p]).parent().data('title')&&l.showGalleryTitle?a('#alb_footer').html(n+': '+(p+1)+' / '+r):a('#alb_footer').html(p+' / '+r)}function f(){a('#alb_overlay').fadeOut(l.effectTime),document.title!=m&&(document.title=m)}function g(){p<r-1?(p++,d()):l.roundRobin&&(p=0,d())}function h(){0<p?(p--,d()):l.roundRobin&&(p=r-1,d())}function j(w){var x=a(w)[0].localName;if('a'==x){var y=a(w).attr('href').match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/)[2];a('#alb_content').html(`<iframe src="https://www.youtube.com/embed/${y}?badge=0&html5=1" width="1280" height="720" frameborder="0" allowfullscreen></iframe>`)}else'img'==x&&a('#alb_content').html(`<img src="${a(w).attr('src')}"/>`)}for(var k={effectTime:200,showImageTitle:!0,showGalleryTitle:!0,language:navigator.language.substr(0,2),roundRobin:!0,showYoutubeThumbnails:!1},l=a.extend({},k,b),m=document.title,n='',o='.alb_item',p=0,q=a(this).find(o),r=q.length,s={de:{prev:'Vorheriges Bild',next:'N\xE4chstes Bild',close:'Schlie\xDFen'},en:{prev:'previous image',next:'next image',close:'close'},fr:{prev:'Image pr\xE9c\xE9dente',next:'Image suivante',close:'Fermer'},es:{prev:'Imagen anterior',next:'Siguiente imagen',close:'Cerca'},it:{prev:'Immagine precedente',next:'Immagine successiva',close:'Vicino'},zh:{prev:'\u4E0A\u4E00\u5F20\u56FE\u7247',next:'\u4E0B\u4E00\u56FE\u7247',close:'\u5173'},ru:{prev:'\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0435\u0435 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435',next:'\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0435\u0435 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435',close:'\u0417\u0430\u043A\u0440\u044B\u0442\u044C'},da:{prev:'Forrige billede',next:'N\xE6ste billede',close:'T\xE6t'},nl:{prev:'Vorig beeld',next:'Volgend beeld',close:'Dichtbij'}},t=0;t<r;t++){!0===a(q[t]).data('hidden')&&a(q[t]).css({display:'none'});var u=a(q[t])[0].localName;if('a'==u&&l.showYoutubeThumbnails){var v=a(q[t]).attr('href').match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/)[2];a(q[t]).html(`<img src="https://i.ytimg.com/vi/${v}/maxresdefault.jpg"/>`),a('#alb_content').html(`<iframe src="https://www.youtube.com/embed/${v}?badge=0&html5=1" width="1280" height="720" frameborder="0" allowfullscreen></iframe>`)}}a('body').append(`<div id="alb_overlay"><nav><span id="alb_icon_prev" title="${s[l.language].prev}"></span><span id="alb_icon_close" title="${s[l.language].close}"></span><span id="alb_icon_next" title="${s[l.language].next}"></span></nav><div id="alb_content"></div><div id="alb_footer"></div></div>`),a(this).find(o).stop().click(function(w){w.preventDefault(),c(a(this))}),a('#alb_icon_close').stop().click(function(){f()}),a('#alb_icon_next').stop().click(function(){g()}),a('#alb_icon_prev').stop().click(function(){h()}),a(document).keydown(function(w){39==w.keyCode&&g(),37==w.keyCode&&h(),27==w.keyCode&&f()})}})(jQuery);