From 5d6e0c25107526ef7d8cc10c3ddd15192fe31ecf Mon Sep 17 00:00:00 2001
From: Thomas Waldmann <tw@waldmann-edv.de>
Date: Thu, 3 Oct 2013 16:13:11 +0200
Subject: [PATCH] screenshots animation: better names

---
 nsupdate/main/templates/main/home.html | 27 +++++++++++++-------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/nsupdate/main/templates/main/home.html b/nsupdate/main/templates/main/home.html
index da29595..c1c9064 100644
--- a/nsupdate/main/templates/main/home.html
+++ b/nsupdate/main/templates/main/home.html
@@ -85,24 +85,23 @@
         <div class="col-lg-6">
             <div class="well well-sm">
                 <h3>Screenshots</h3>
-                <a id="screenshots_url" href="{% static 'screenshots/overview.png' %}">
-                    <img id="screenshots" src="{% static 'screenshots/overview.png' %}" class="img-responsive" alt="Responsive image">
+                <a id="screenshot_link" href="{% static 'screenshots/overview.png' %}">
+                    <img id="screenshot_image" src="{% static 'screenshots/overview.png' %}" class="img-responsive" alt="Responsive image">
                 </a>
                 <script>
-                var id = 0;
-                var srcs = new Array("{% static 'screenshots/hostview.png' %}",
-                                     "{% static 'screenshots/help.png' %}",
-                                     "{% static 'screenshots/overview.png' %}",
-                                     "{% static 'screenshots/generatesecret.png' %}");
+                var idx = 0;
+                var images = new Array("{% static 'screenshots/hostview.png' %}",
+                                       "{% static 'screenshots/help.png' %}",
+                                       "{% static 'screenshots/overview.png' %}",
+                                       "{% static 'screenshots/generatesecret.png' %}");
                 setInterval(function(){
-                    $('#screenshots').attr('src', srcs[id]);
-                    $('#screenshots_url').attr('href', srcs[id]);
-                    id += 1;
-                    if(id>=srcs.length) {
-                        id=0;
+                    $('#screenshot_link').attr('href', images[idx]);
+                    $('#screenshot_image').attr('src', images[idx]);
+                    idx += 1;
+                    if(idx >= images.length) {
+                        idx = 0;
                     }
-                },5000);
-                    
+                }, 5000);
                 </script>
             </div>
         </div>