<style>
.ButtonStart {
  display: inline-block;
  z-index:999999; 
  cursor:pointer;
  padding:5px 20px; 
  background: #eeffee; 
  color: #383838; 
  border-radius:5px;
  border:1px solid #383838;
  font-weight:bold;
  margin-left:5px;
}
.ButtonStart:hover {
  background: #ccffcc !important;
}
.ButtonStop:hover {
  background: #ffcccc !important;
}
.ButtonStart::before {
  content: "Start Breitragspräsentation";
}
.ButtonStop::before {
  content: "Stop";
}
</style>
 

<script>
//// Beitrags-Show ////
window.addEventListener('load', function(){
  // ProSiver (v2)
  $('.post:first').prepend('<br><div class="ButtonStart"></div><br><br>');
  // Standard (v1)
  $('td.tms1:nth(4)').closest('td').prepend('<br><div class="ButtonStart"></div><br><br>');
  // Business (v4), Gaia (v3), Xobor (v6)
  $('.messageswrap, .c_r_cont2.adminmessage:first, .c_r_cont2:first, .card.message:first').before('<br><div class="ButtonStart"></div><br><br>');
  
  $('.ButtonStart').on("click",function(){
      $(this).addClass('ButtonStop').css({'position':'fixed','background':'#ffeeee'});
      {{message.startlist}}
      $('html, body').delay(500).animate({scrollTop: $('[name="msg{{message:id}}"]').offset().top -80}, 1000).delay(4000);
      {{message.end}}
  });
 
  // Scroll Titelleiste Beitrag 
  $('.messageswrap .boxheader, .c_r_cont2, div.post, td.tms1, .card-header a').on('click', function() { 
    $('html, body').delay(500).animate({scrollTop: $(this).offset().top-{{template!==177.start}}45{{template!==177.end}}{{template==177.start}}90{{template==177.end}} }, 1000);
  });
  {{message.startlist}}
  // Scroll nach Reload + Links
  if (location.href.indexOf("#msg{{message:id}}") != -1) {
    $('html, body').delay(500).animate({scrollTop: $('[name="msg{{message:id}}"]').offset().top-{{template!==177.start}}45{{template!==177.end}}{{template==177.start}}90{{template==177.end}} }, 2000);
  }
  {{message.end}}
 
  // Scroll-Stop
  $('html, body').on('mousedown mousewheel wheel keyup touchstart', function() {
    $('html, body').stop( true, false );
    $('.ButtonStop').css({'position':'','background':'#eeffee'}).removeClass('ButtonStop');
  });
});
</script>