
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <%= stylesheet_link_tag "themes/"+theme_name+"/application", :media => "all" unless theme_name.empty?  %>
    <%= stylesheet_link_tag "application", :media=>"all" if theme_name.empty? %>

   <%= javascript_include_tag "application" %>
    <%= javascript_include_tag "jmpress" %>

	</head>
	<body>

<%= image_tag "infoscreen_header_provisorisch.png" %> <%#header picture/animation %>
<div padding-top:200px; padding-bottom:100px>
  <div id ="jmpress">
  <% i=1  %>
  <% @neuigkeiten.each do |n| %>

    <div class="step contentbox" id="step-<%=i%>" data-x="<%= i *2000 %>" data-y="<%= Random.rand(0..5)*200 %>" data-rotate="<%= Random.rand(0..18)*10 %>" style="width:1160px; height:650px; <%#padding: 50px%> padding-top:250px; display:block" data-duration="10000"><% @toolbar_elements=[];@questions=[] %>

        <div class="media" style="width: 660px; height:340px; transform: scale(1.5) translate(120px,50px)" >

  			<div class="pull-left" href="#" style="max-width:200px;">
  <% unless n.picture_robust.big_thumb.to_s.empty? %>
  		<p>
  <br><%= link_to image_tag(n.picture_robust.big_thumb),n.picture_robust.try(:url)  %>
  				</p>
  <% end %>
  <h3>
  		<% if n.has_calentries? %>
  			<div  href="#">
  				<%= fa_icon("calendar 2x")  %>
  				<%= n.relevant_calentry.text %>
  			</div>
  		<% elsif n.has_meeting? %>
  			<div  href="#">
  				<%= fa_icon("calendar 2x")  %>
  				<%= n.meeting.calentry.text unless n.meeting.calentry.nil? %>
  			</div>

  		<% end %>
  	</h3>
  			</div>

      <div class="media-body">
  			<h1 itemprop="name">
  				<%= raw(n.title) %>				<%#= link_to fa_icon("edit"), edit_rubrik_neuigkeit_path(n.rubrik, n), remote: true if can? :edit, n %>
  			</h1>
  			<div itemprop="articleBody" style="font-size:large">
  				<%= raw(n.text_infoscreen_words) %>


  			</div>

  		</div>
    </div>


  	</div>
  <%  i = i+1 %>
  <% end %>

  </div>

  <div class="ui-progressbar ui-widget ui-widget-content ui-corner-all" style="height:10px; z-index: 2000; left: 5px; right: 5px; bottom: 5px; height: 10px; position:absolute">
    <div id="" class="ui-progressbar-value ui-widget-header ui-corner-left" style=""></div>
  </div>

  <script>
  $(function () {
  $('#jmpress').jmpress({
      duration: {
  			barPropertyStart: '0',
        barSelector: '.ui-progressbar-value'
      },
  	initStep: function(element, eventData) {
  			console.log('We\'re changing to step: #' + $(element).attr('id') + '!');
  		}

    });
  setTimeout(function(){

           window.location.reload();
           /* or window.location = window.location.href; */

  }, 100000);

  });
  </script>
</div>
	</body>
