google.load("jquery", "1.2.6"); //anything higher breaks expanding divs like input format

function buzz(response) {
  $('#buzz').append('<div id="buzz-actor"></div>');
  $('#buzz-actor').append('<div id="buzz-actor-image-thumb"></div>');
  $('#buzz-actor-image-thumb').append('<a id="buzz-actor-image-thumb-link" href="' + response.data.items[0].actor.profileUrl + '#buzz"></a>');
  $('#buzz-actor-image-thumb-link').append('<img class="buzz-image-thumb" id="buzz-image-thumb-' + i + '" src="' + response.data.items[0].actor.thumbnailUrl + '" alt="buzz user image" />');

  $('#buzz').append('<br style="clear: both;" /><br />');
  for (var i = 0; i < 7; i ++) {
    var item = response.data.items[i];
    $('#buzz').append('<div class="buzz-wrapper" id="buzz-wrapper-' + i + '"</div>');

    //info
    $('#buzz-wrapper-' + i).append('<div class="buzz-info" id="buzz-info-' + i + '"></div>');

    //info -source
    $('#buzz-info-' + i).append('<span class="buzz-info-source" id="buzz-info-source-' + i + '"></span>');
    $('#buzz-info-source-' + i).append(item.source.title);

    //info - post title
    $('#buzz-info-' + i).append('<div class="buzz-info-title" id="buzz-info-title-' + i + '"></div>');
    $('#buzz-info-title-' + i).append('<a id="buzz-info-title-link-' + i + '" href="' + item.links.alternate[0].href + '"></a>');
    $('#buzz-info-title-link-' + i).text(item.title); //done to escape the html

    $('#buzz').append('<br style="clear: both;" />');
  }
  $('#buzz').append('<div id="buzz-follow"></div>');
  $('#buzz-follow').append('<a target="_blank" title="Follow on Google Buzz" class="google-buzz-button" href="jacobsteelsmith" data-button-style="follow">Follow on Buzz</a>');
}