anchor.diff:          next:   '.next',
           before: function (curr, next, opts) {
             $('.current').removeClass('current');
  -          var path = $(next).find('.path').attr('name');
  +          var $next = $(next);
  +          var path = $next.find('.path').attr('name');
             $.each($('.list-group .list-group-item a'), function() {
               if ($(this).attr('href').substring(1) == path) {
                 $(this).parent().addClass('checked');
                 $(this).parent().addClass('current');
               }
  -          })
  +          });
  +
  +          var newImage = $next.find('a.shot:eq(0)').attr('href');
  +          var oldImage = $next.find('a.shot:eq(1)').attr('href');
  +          var diffImage = $next.find('a.shot:eq(2)').attr('href');
  +          compareModal.html('<div class="compare-container"><img src="'+newImage+'"/><img src="'+oldImage+'"/><img src="'+diffImage+'"/></div>');
           },
           timeout: 0
  +      });
  +
  +      $(document).on('click', '.compare', function() {
  +        compareModal.show();
         });
   
         $('.list-group .list-group-item a').unbind().on('click', function(){
  
positive.code: </script>
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col-sm-12 col-md-3">
  
negative.code:   <script type="text/javascript">
      $(function() {
        var slideshow = $('.slideshow');
        var compareModal = $('.compare-modal');
  
        slideshow.cycle({
          fx:     'scrollHorz',
  