anchor.diff:  				for (movie in movies) {
   					var newLi = document.createElement('li');
   					newLi.id = "movielist_" + movies[movie].xlib_id;
  -					var code = "<a href=\"" + movies[movie].url + "\" data-rel='dialog' data-transition='slidedown'><img id=\"movieimg_" + movies[movie].xlib_id + "\"";
  +					var code = "<a href=\"" + movies[movie].url + "\" data-rel='dialog' data-transition='slidedown'><img class=\"lazy\" id=\"movieid_" + movies[movie].xlib_id + "\"";
  +					// Checks to see if there is a thumb. If there isn't use the 
  +					// lazy loading plugin to get the thumbnail after it has come into
  +					// the user's view.
   					if (movies[movie].l_thumb) {
   						code += "src=\"" + movies[movie].l_thumb + "\"";
   					} else {
  -						code += "src=\"/public/images/missing_thumb.png\"";
  -						getThumb(movies[movie].xlib_id);
  +						code += "data-original=\"/public/images/missing_thumb.png\" src=\"/public/images/grey.gif\"";
   					}
   					code += "/><h3>" + movies[movie].title + "</h3>";
   					<% if get_active_order == get_order[:rating] %>
  
positive.code: 	</div>
  	
  	<script>
  		function reload() {
  			$.get("<%= url_for :action => :update_list %>");
  			showLoading('Loading Movies');
  		}
  		
  		function getThumb(movieid) {
  			$.post("<%= url_for :action => :get_thumb %>", {"movieid":movieid});
  		}
  		
  		function updateList(movies) {
  			if (movies !== null) {
  				var list = document.getElementById('movies_list');
  
negative.code: 			</ul>
  		</div>
  	</div>
  	
  </div>
  