anchor.diff:      <%- end -%>
     </div>
   
  -  <h2 class="heading-two">SlideBy 1 at a time</h2>
  -
  -  <div class="oslide oslide-3" data-oslide>
  -    <%- (1..10).each do |i| -%>
  -      <div class="slide content-spacing" data-slide>
  -        <p>
  -          <img src="http://placehold.it/180x120" />
  -        </p>
  -        <h3 class="heading-four"><a href="#">Item <%= i -%></a></h3>
  -      </div>
  -    <%- end -%>
  -  </div>
  +  <%- content_for :one_by_one do -%>
  +<script>
  +  $(document).on("ornament:refresh", function(){
  +    $(".oslide-3").oslide({
  +      slideBy: 1,
  +      itemWidth: 190
  +    });
  +  });
  +</script>
  +  <%- end -%>
  +  <%= yield :one_by_one -%>
  +  <pre class="sg-pre prettyprint"><%= render_source(yield :one_by_one) -%></pre>
   
     <h2 class="heading-two">Minimap</h2>
   
  
positive.code:   afterNextSlide          : null
  });</pre>
  
  </div>
  
  <%- content_for :scripts_bottom do -%>
    <script>
      $(document).on("ornament:refresh", function(){
        $(".oslide-1").oslide({
          itemWidth: 190
        });
        $(".oslide-2").oslide({
          itemWidth: 190,
          loop: false
        });
        $(".oslide-3").oslide({
          slideBy: 1,
          itemWidth: 190
        });
        $(".oslide-4").oslide({
          itemWidth: 190,
          minimap: true,
          slideBy: "visible"
        });
        $(".oslide-5").oslide({
          itemWidth: 190,
          showNavigation: false
        });
        $("#oslide-5--next").on("click", function(){
          $(".oslide-5").trigger("oslide:next");
        });
        $("#oslide-5--previous").on("click", function(){
          $(".oslide-5").trigger("oslide:previous");
        });
      });
    </script>
  <%- end -%>
negative.code:     <%- end -%>
    </div>
  
    <%- content_for :custom_nav do -%>
  <p>
    <button class="button" id="oslide-5--previous">Previous slide</button>
    <button class="button" id="oslide-5--next">Next slide</button>
  </p>
  <script>
    $(document).on("ornament:refresh", function(){
      $(".oslide-5").oslide({
        itemWidth: 190,
        showNavigation: false
      });
      $("#oslide-5--next").on("click", function(){
        $(".oslide-5").trigger("oslide:next");
      });
      $("#oslide-5--previous").on("click", function(){
        $(".oslide-5").trigger("oslide:previous");
      });
    });
  </script>
    <%- end -%>
    <%= yield :custom_nav -%>
    <pre class="sg-pre prettyprint"><%= render_source(yield :custom_nav) -%></pre>
  
    <h2 class="heading-two">Marking up your Object Slider</h2>
  
  