﻿function loadIncidents(root, targetNode, showCategories) {
 var entries = root.feed.entry || [];
 var html = [];
 for (var i = 0; i < entries.length; ++i) {
  var entry = entries[i];
  var published = entry.published.$t.substr(0,10);
  var title = entry.title.$t;
  var content = entry.content.$t;
  var links = entry.link || [];
  for (var j = 0; j < links.length; ++j) if (links[j].rel == "alternate") var href = links[j].href;
  html.push('<div class="incidentItem">');
  html.push('<h5><a href="', href, '" target="_top">', title, '</a></h5>');
  html.push('<p class="pubDate">', published, '</p>');
  html.push('<p>', content, '</p>');
  if (showCategories) {
   html.push('<ul>');
   var categories = entry.category || [];
   for (var k = 0; k < categories.length; ++k) {
    var category = categories[k].term;
    html.push('<li><a href="http://stepper-incidents.blogspot.com/search/label/', category, '">', category, '</a>');
    if (k < (categories.length - 1)) {
     html.push(',');
    }
    html.push('</li>');
   }
   html.push('</ul>');
  }
  html.push('</div>');
 }
 targetNode.innerHTML += html.join("");
}

function loadRecentIncidents(root) {
 var targetNode = document.getElementById("recentIncidents");
 loadIncidents(root, targetNode, true);
}

function loadLatestIncidents(root) {
 var targetNode = document.getElementById("latestIncidentItems");
 loadIncidents(root, targetNode, false);
}
