
  <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? %>
    <%= stylesheet_link_tag "infoscreenframe.css" %>

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

	</head>
	<body>

<%= content_tag(:iframe,'', width: "100%", height: "100%", name: "targetframe", allowTransparency:"true", scrolling:"no", frameborder:"0", src: "/iframe/infoscreenframe.html") %> <%#header picture/animation %>
  <div id ="jmpress" style="padding-top: 00px">
  <% i=1  %>
  <% @neuigkeiten.each do |n| %>

    <div class="step contentbox" id="step-<%=i%>" data-x="<%= i *2000 %>" data-y="<%= Random.rand(0..5)*200 %>"  style=" height:540px; width:1230px display: block; padding: 5px; border: lightgray solid 1px" data-duration="10000">
        <div class="media" style="width:'95%'; height:480px;" >
    			<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>

  <script>
  $(function () {
  $('#jmpress').jmpress({
  	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>
	</body>
