function BlogPreview(container) {
  this.container_ = container;
}

BlogPreview.prototype.show = function(url, type) {
  var feed = new google.feeds.Feed(url);
  var preview = this;
  var renderer = (type == 'blog') ? this.renderBlog : this.renderChanges;
  feed.load(function(result) {
    preview.container_.innerHTML = renderer(result);
  });
}

BlogPreview.prototype.renderChanges = function(result) {
  if (!result.feed || !result.feed.entries) return;
  
  var totalHTML = '';
  for (var i = 0; i < result.feed.entries.length; i++) {
    var entry = result.feed.entries[i];

    totalHTML += "<p>" + entry.content + "</p>";
  }
  return totalHTML;
}

BlogPreview.prototype.renderBlog = function(result, container) {
  if (!result.feed || !result.feed.entries) return;

  var totalHTML = '<div class="blog">';

  for (var i = 0; i < result.feed.entries.length; i++) {
    var entry = result.feed.entries[i];
    var div = '<div class="entry">'; 
    var link = '<div class="title"><a href="' + entry.link + '">' + entry.title + '</a></div>';
    var author = '';
    var body = '<div class="body">' + entry.contentSnippet + '</div>'
    
    totalHTML += div + author + body + '</div>';
  }
  return totalHTML;
}

BlogPreview.prototype.createDiv_ = function(parent, className, opt_text) {
  return this.createElement_("div", parent, className, opt_text);
}

BlogPreview.prototype.createLink_ = function(parent, href, text) {
  var link = this.createElement_("a", parent, "", text);
  link.href = href;
  return link;
}

BlogPreview.prototype.createElement_ = function(tagName, parent, className, opt_text) {
  var div = document.createElement(tagName);
  div.className = className;
  parent.appendChild(div);
  if (opt_text) {
    div.appendChild(document.createTextNode(opt_text));
  }
  return div;
}