next.html

---
layout: fullscreen
title: Coming next
permalink: /next/
---
<!-- Begin Sessions -->
<div style="margin:30px;">
  <h2>Coming Next - <span id='time'></span></h2>
	{% for session in site.data.sessions %}
		<div id="sessionDetail-{{ session.id }}" tabindex="-1" aria-labelledby="sessionDetailLabel-{{ session.id }}" style="display:none; padding:20px; margin-bottom:30px; background-color:#ffffff;">
{% for speaker in site.data.speakers %}{% for session_speaker in session.speakers %}{% if session_speaker == speaker.id %}
			<div class="flow-img img-circle person-img" style="float:right; width:150px; height:150px; background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
{% endif %}{% endfor %}{% endfor %}
			<h4 class="room"></h4>
			<h4>{{ session.title }}</h4>
{% for speaker in site.data.speakers %}{% for session_speaker in session.speakers %}{% if session_speaker == speaker.id %}
			<h5>{{ speaker.name }} {{ speaker.surname }}</h5>
{% endif %}{% endfor %}{% endfor %}
		</div>
    {% endfor %}
</div>
<!-- End Sessions -->
<script>
(function() {
  var curDateTime = new Date();
  var curTime = curDateTime.getTime();
  var allSlots = {};
  var minTime = 0;
  var slotTime;
{% for day in site.data.schedule %}
  {% for timeslot in day.timeslots %}
  slotTime = Date.parse("{{ day.date }} {{timeslot.startTime}}");
  if (slotTime > curTime) {
  	if (minTime == 0 || minTime > slotTime) {
  		minTime = slotTime;
  	}
  }
  allSlots[slotTime] = {
    startTime: "{{timeslot.startTime}}",
    sessions: [ {% for id in timeslot.sessionIds %}"{{id}}",{% endfor %} ]
  };
  {% endfor %}
{% endfor %}
  // take the events for the slot with the minimum time
  if (minTime > 0) {
  	var i;
        var room;
        var htmlId;
        if (allSlots[minTime].sessions.length == 1) {
          room = [ "Hall" ];
        }
        else {
          room = ["EI9", "EI10"];
        }
        jQuery('#time').html(allSlots[minTime].startTime);
  	for (i=0; i<allSlots[minTime].sessions.length; i++) {
          htmlId = "#sessionDetail-" + allSlots[minTime].sessions[i];
          roomText = room[i];
          jQuery(htmlId + " .room").html(roomText);
          jQuery(htmlId).show();
  	}
  }
  // make all img square formatted
  jQuery(".img-circle").height(jQuery(".img-cirle").width());
})();
</script>