/**
 * @copyright Google Inc 2010
 * @fileoverview Scripts for google.com/green
 */

var feed;
var json;
google.load('feeds', '1');

/**
 * Outputs green news articles from Google Blog
 * @param {number} numEntries Number of blog posts to display.

 */
function init(numEntries) {
  var feed = new google.feeds.Feed(
      'http://www.blogger.com/feeds/10861780/posts/default/-/green');
  feed.setNumEntries(numEntries);
  feed.setResultFormat(google.feeds.Feed.JSON_FORMAT);
  feed.load(function(result) {
    if (!result.error) {
      listEntries(result.feed.entries);
    }
  });
}

function listEntries(json) {
  var charAmountForTitle = 100; // amount of characters for title
  var charAmountForContent = 225; // amount of characters for content
  var container = document.getElementById('blog-feed');
  var jsonLength = json.length;
  var blogHtml = [];
  for (var i = 0; i < jsonLength; i++) {
    var elem = json[i];
    var catLength = elem.categories.length;
    if (catLength != 0) {
      for (var k = 0; k < catLength; k++) {
        var date = new Date(elem.publishedDate);
        var mon = date.getMonth();
        var day = date.getDay();
        var year = date.getFullYear();
        var displayDate = mon + '/' + day + '/' + year;
        var elemTitle = elem.title;
        var content = elem.contentSnippet;
        var titleLength =
            elemTitle.length <= charAmountForTitle ? elemTitle.length :
            elemTitle.substring(0, charAmountForTitle).indexOf(' ');
        var contentLength =
            content.length <= charAmountForContent ? content.length :
            content.substring(0, charAmountForContent).indexOf(' ');
        var title = elemTitle.substring(0, titleLength) + '&#8230;';
        var contentText = content.substring(0, contentLength);
        var url = elem.link;
        var newFlag = '';
        if (i == 0) {
          newFlag = '<span class="flag">New!</span> ';
        }
        var html = '<li><h3>' + newFlag + '<a href="' + url +
            '">' + title + '<\/a><\/h3>' + contentText +
            '<p class="blog-date">Posted on: ' +
            displayDate + '<\/p>' + '<p><a href="' + url +
            '">Read more &raquo;<\/a><\/p><\/li>';
        blogHtml[i] = html;
      }
      container.innerHTML = blogHtml.join(' ');
    }
  }
}

   /**
 * Switches image to video embed onclick.

 */
function videoStillSwitcher() {
  document.getElementById('video').style.display = 'block';
  document.getElementById('overlay').style.display = 'none';
}