diff --git a/img/158x240.gif b/img/158x240.gif
new file mode 100644
index 0000000..8012719
Binary files /dev/null and b/img/158x240.gif differ
diff --git a/img/300x169.gif b/img/300x169.gif
new file mode 100644
index 0000000..2f38930
Binary files /dev/null and b/img/300x169.gif differ
diff --git a/img/92x138.gif b/img/92x138.gif
new file mode 100644
index 0000000..c8e7757
Binary files /dev/null and b/img/92x138.gif differ
diff --git a/index.html b/index.html
index ffb6862..b947e97 100644
--- a/index.html
+++ b/index.html
@@ -51,15 +51,15 @@
 {{#each model}}
 <li class="thumbnail">
   {{#if backdrop_path}}
-  <img src="http://placehold.it/300x169" alt="" data-echo="http://image.tmdb.org/t/p/w300{{unbound backdrop_path}}" width="300" height="169" class="img-rounded" {{action 'openInfoModal' this}}>
+  <img src="/img/300x169.gif" alt=""  data-echo="http://image.tmdb.org/t/p/w300{{unbound backdrop_path}}" width="300" height="169" class="img-rounded" {{action 'openInfoModal' this}}>
   {{else}}
     {{#if poster_path}}
-      <img src="http://placehold.it/92x138" alt=""width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}} data-echo="http://image.tmdb.org/t/p/w92{{unbound poster_path}}" />
+      <img src="/img/92x138.gif" alt="" width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}} data-echo="http://image.tmdb.org/t/p/w92{{unbound poster_path}}" />
     {{else}}
       {{#if poster_url}}
-      <img src="http://placehold.it/158x240" alt=""width="158" height="240" align="left" class="img-rounded" {{action 'openInfoModal' this}} data-echo="{{unbound poster_url}}" />
+      <img src="/img/158x240.gif" alt="" width="158" height="240" align="left" class="img-rounded" {{action 'openInfoModal' this}} data-echo="{{unbound poster_url}}" />
       {{else}}
-      <img src="http://placehold.it/92x138" alt=""width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}} />
+      <img src="/img/92x138.gif" alt="" width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}} />
       {{/if}}
     {{/if}}
   {{/if}}
@@ -121,24 +121,13 @@
 </script>
 
 <script src="js/jquery-2.1.1.min.js"></script>
-<script src="js/isotope.pkgd.min.js"></script>
-<script src="js/echo.min.js"></script>
 <script src="js/bootstrap.min.js"></script>
+<script src="js/isotope.pkgd.min.js"></script>
 <script src="//showtimes.everyday.in.th/bower_components/moment/moment.js"></script>
 <script src="//showtimes.everyday.in.th/js/libs/handlebars-1.1.2.js"></script>
 <script src="//showtimes.everyday.in.th/js/libs/ember-1.7.0.min.js"></script>
+<script src="js/echo.min.js"></script>
 <script src="/js/app.js"></script>
-<script>
-echo.init({
-    offset: 200,
-    throttle: 350,
-    unload: true,
-    callback: function (element, op) {
-      $('#container').isotope();
-    }
-  });
-
-</script>
 
 </body>
 </html>
\ No newline at end of file
diff --git a/js/app.js b/js/app.js
index 904c0de..7115bec 100644
--- a/js/app.js
+++ b/js/app.js
@@ -97,6 +97,11 @@ App.MoviesView = Ember.View.extend({
                 transitionDuration: '0.7s',
                 isResizeBound: true
             });
+            echo.init({
+              offset: 10,
+              throttle: 250,
+              unload: false
+            });
         });
     }
 });