/* Author: Becky Carella

*/

$.get(
  "http://subjot.com/becarella/recent_media.json",
  function(data) {
    $.each(data, function(index, value) {
      for (var key in value) {
        var size_attr = 'width';
        var size = '270';
        if (key == 'embedded_image') {
          thumbnail = value[key].display;
          if (value[key].height >= value[key].width) {
            size_attr = 'height';
            size = '183';
            window.log("height bigger than width, size is: " + size);
          }
          window.log("size_attr: " + size_attr + ", w: " + value[key].width + ", h: " + value[key].height + ", provider: " + value[key].provider_name);
        } else {
          thumbnail = value[key].thumbnail_url;
          if (value[key].thumbnail_height >= value[key].thumbnail_width) {
            size_attr = 'height';
            size = '180';
            window.log("thumbnail_height bigger than thumbnail_width, size is: " + size);
          }
          window.log("size_attr: " + size_attr + ", w: " + value[key].thumbnail_width + ", h: " + value[key].thumbnail_height + ", provider: " + value[key].provider_name);
        }
        var item = $('<div>').addClass('item col' + ((index+1) % 3));
        var thumbnail = $('<div>')
                          .addClass('thumbnail link')
                          .attr('data-href', 'http://subjot.com/jot/' + value[key].micropost_id)
                          .html(  $('<img>')
                                  .attr('src', thumbnail)
                                  .attr(size_attr, size)
                                  .attr('title', value[key].title));
        $(thumbnail).appendTo(item);
        $(item).appendTo("#media");
      }
      $("#media").show();
    });
  }
);


$("#media .link").live("click", function() {
  window.open($(this).attr("data-href"), '_blank');
});