<div class="widget shoutbox">
  <h4><%= t('widget.shoutbox') %></h4>
  <div class="widget-content-wrapper">
    <div id="shoutbox" class="transcript">
      <%= render partial: "shoutmsgs/shoutmsg", collection: Shoutmsg.recent.box, locals: { popup: "$('shoutbox')" } %>
    </div>
  </div>
  <%= render partial: "shoutmsgs/new", locals: { shoutmsg: Shoutmsg.new } %>
  <%= link_to "Shoutbox Recent History", controller: :shoutmsgs, action: "index" %><br/>
  <%= link_to "Shoutbox Rules", article_path(Article::SB_RULES) %>
</div>

<script type="text/javascript">
	$(document).ready(function () {
		$.PeriodicalUpdater("/shoutmsgs/index.js", {
		  method: "GET",
		  type: "script",
		  minTimeout: 10000,
		  multiplier: 2
		});
	});
</script>