/* Copyright 2007 Google Inc. All Rights Reserved. */

var newFeature;  // container to hold new feature data
var container;   // container to hold older data

function createHTML(root) {
  var generatedHTML = '';
  var x = 1;
  for (r in root.feed.entry) {
    var title = root.feed.entry[r].gsx$title.$t ? root.feed.entry[r].gsx$title.$t : '';
    var content = root.feed.entry[r].gsx$content.$t ? root.feed.entry[r].gsx$content.$t : '';
    var imageURL = root.feed.entry[r].gsx$image.$t ? root.feed.entry[r].gsx$image.$t : '' ;
    var thumbURL = root.feed.entry[r].gsx$thumb.$t ? root.feed.entry[r].gsx$thumb.$t : imageURL;
    if (x == 1){ // Display the latest
      document.getElementById('newFeature').innerHTML = "<h3><span style='color:#f00;'>New!</span> " + title + "</h3><p>" + content + "</p><img src='" + imageURL + "'>";
    } else {
      generatedHTML += "<div class='labItem'><h3>" + title + "</h3><p><a href='" + imageURL + "'><img src='" + thumbURL + "' class='imgThumb'></a>" + content + "</p></div>";
    }
    if (x%2!=0){
      generatedHTML += "<div style='width:100%; clear:both; display:block'></div>"
    }
    x++;
  }
  document.getElementById('formatContainer').innerHTML = generatedHTML;
}