$(document).ready(function() {

  var template = "<div class='article-list-widget'>" +
    "{{#items}}" +
    "<div class='article-item'>" +
    "<a href='{{link}}' class='article-item-link'>{{title}}</a>" +
    "<div class='article-item-description'>{{description}}</div>" +
    "</div>" +
    "{{/items}}" +
    "</div>";

  function shorten(s) {
    s = s.replace(/<(?:.|\n)*?>/gm, '');
    s = s.substr(0, 200);
    s = s.substr(0, Math.min(s.length, s.lastIndexOf(" ")));
    return s + "…";
  }

  $.getFeed({
    url: '/rss.ashx?i=0&l=500',
    success: function(feed) {
      var m = Math.min(5, feed.items.length);
      var items = [];
      for (i=0; i<feed.items.length; i++) {
        var item = {
          title: feed.items[i].title,
          link: feed.items[i].link,
          description: shorten(feed.items[i].description)
        };
        items.push(item);
      }

      var html = Mustache.to_html(template, {items:items.slice(0, m)});
      $('.newsfeed').html(html);
      html = Mustache.to_html(template, {items:items});
      $('.newsfeed.full').html(html);
    },
    error: function() {}
  });

});