home page tape viwer init update;

assets/style/tape-viewer.scss

@@ -3,6 +3,12 @@
   max-width: 1000px;
 
   margin: 2em auto;
+
+  &.simplified{
+    .tape{
+      display: none;
+    }
+  }
 }
 
 .tape-block-content{

client/pages/home.js

@@ -4,8 +4,26 @@
 
 module.exports = function (app) {
     app.controller("HomePageController", function ($scope, config) {
+        var fotorama;
+
         $scope.pageClass = "page-home";
 
-        $(".fotorama").fotorama();
+        var $tape = $('.tape-block');
+        var $fotorama = $('.fotorama');
+
+        $tape.addClass('simplified');
+        $fotorama.on('fotorama:ready', function () {
+            $tape.removeClass('simplified');
+            fotorama.setOptions({
+                nav: 'dots'
+            });
+        });
+
+        fotorama = $fotorama.fotorama().data('fotorama');
+        fotorama.load([
+            {img: 'http://static.shburg.org/art/img/cat1.jpg'},
+            {img: 'http://static.shburg.org/art/img/cat2.jpg'},
+            {img: 'http://static.shburg.org/art/img/cat3.jpg'}
+        ]);
     });
 };

templates/views/home.html

@@ -24,13 +24,11 @@
         <div class="fotorama"
              data-transition="crossfade"
              data-autoplay="6000"
+             data-nav="false"
              data-arrows="false"
              data-width="100%"
              data-fit="cover"
              data-loop="true">
-            <img src="http://static.shburg.org/art/img/cat1.jpg" alt="">
-            <img src="http://static.shburg.org/art/img/cat2.jpg" alt="">
-            <img src="http://static.shburg.org/art/img/cat3.jpg" alt="">
         </div>
     </div>
 </div>