diff --git a/index.html b/index.html
index a8bc3a0..33e6023 100644
--- a/index.html
+++ b/index.html
@@ -13,11 +13,12 @@
 	<script src="./res/global.js"></script>
 	<link rel="stylesheet" href="./res/global.css">
 
+	<script src="./res/index/script.js"></script>
 	<link rel="stylesheet" href="./res/index/style.css">
 
     <title>Fabrika Hrádek Tour</title>
 </head>
-<body>
+<body onload="change_slideshow_img()">
 	<nav id="nav_buttons">
 		<button class="tlacitko" onclick="move('./map.html', true)">Mapa</button>
 		<button class="tlacitko" onclick="move('https://earth.google.com/web/@49.71686994,13.64771387,395.10185485a,550.97177309d,35y,0h,0t,0r', false)">Google Earth</button>
@@ -25,6 +26,6 @@
 	</nav>
 	<textarea id="textPole" placeholder="..." c readonly>Železárny Hrádek u Rokycan jsou významným průmyslovým podnikem v České republice. Jejich historie sahá až do 16. století, kdy byla založena první huť. Specializovaly se na výrobu železa a oceli a byly známé svými kvalitními kovovými výrobky. Železárnám Hrádek byly v průběhu let prováděny stavební úpravy a modernizace, aby udržely krok s technologickým vývojem. Bohužel, v současnosti se železárny potýkají s problémy kvůli jejich majiteli Zdeňkovi Zemkovi. Zdeněk Zemek byl obviněn ze spáchání podvodů a obžalován státním zástupcem. Je třeba zajistit ochranu hodnoty a dědictví železáren Hrádek a obnovit důvěru ve spravedlivý průběh podnikání.</textarea>
 
-	<img src="" id="slideshow">
+	<img id="slideshow">
 </body>
 </html>
\ No newline at end of file
diff --git a/res/index/script.js b/res/index/script.js
new file mode 100644
index 0000000..c5b28c5
--- /dev/null
+++ b/res/index/script.js
@@ -0,0 +1,30 @@
+let imgs_index = [ 59, 58, 56, 55, 54, 67, 66, 64, 61, 60 ];
+let imgs_index_2 = [];
+let last_index = -1;
+
+function change_slideshow_img()
+{
+    let buffer = (imgs_index === undefined || imgs_index.length == 0) ? imgs_index_2 : imgs_index;
+    let random_index;
+
+    do
+    {
+        random_index = Math.floor(Math.random() * buffer.length);
+    } while (random_index == last_index);
+
+    document.getElementById("slideshow").src = "http://207.180.212.190/fht/fabrika_imgs/downscaled/" + buffer[random_index] + ".jpg";
+
+    if (imgs_index.includes(buffer[random_index]))
+    {
+        imgs_index_2.push(buffer[random_index]);
+        imgs_index.splice(random_index, 1);
+    } else
+    {
+        imgs_index.push(buffer[random_index]);
+        imgs_index_2.splice(random_index, 1);
+    }
+
+    last_index = random_index;
+
+    setTimeout(change_slideshow_img, 3000);
+}
\ No newline at end of file
diff --git a/res/index/style.css b/res/index/style.css
index e8be0de..b1adb42 100644
--- a/res/index/style.css
+++ b/res/index/style.css
@@ -43,4 +43,15 @@ body
     width: 35vh;
     height: 7vh;
     font-size: larger;
+}
+
+#slideshow
+{
+    width: 40vh;
+    height: 30vh;
+    position: fixed;
+    bottom: 0vh;
+    right: 0vh;
+    border-top-left-radius: 0.7vh;
+    filter: drop-shadow(-0.5vh -0.5vh 1vh black);
 }
\ No newline at end of file
