$(document).bind( 'rf:flickr', insertPhotos );
$(document).bind( 'rf:twitter', insertTweets );

$(document).ready( function() {
  $.getJSON(
    '/api/flickr',
    function( data ) {
      $(document).trigger( 'rf:flickr', [ data ] );
    }
  );

  $.getJSON(
    '/api/twitter',
    function( data ) {
      $(document).trigger( 'rf:twitter', [ data ] );
    }
  );
} );

function insertPhotos( e, flickr_data ) {
  var urls = [];
  var photos = flickr_data.photos.photo;
  var user_id = photos[0].owner;

  for( var i = 0; i < flickr_data.photos.perpage; i++ ) {
    var p = photos[i];
    urls.push(
      [ p.title,
        "http://farm" + p.farm + ".static.flickr.com/" + p.server + "/" + p.id + "_" + p.secret + "_t.jpg",
        "http://www.flickr.com/photos/" + user_id + "/" + p.id + "/" ]
    );
  }

  $.each( urls.reverse(), function( index, url ) {
    var img = $('<img title="' + url[0] +
                '" src="' + url[1] +
                '" alt="' + url[0] + '" />')
      .click( function() { window.open( url[2] ); } );
    $('#flickr_photostream').prepend( img );
  } );
}

function insertTweets( e, twitter_data ) {
  for( var i = 0; i < twitter_data.length; i++ ) {
    $('span#twitter_' + ( i + 1 ) + ' em')
      .text( twitter_data[i].text )
      .attr( 'title', twitter_data[i].created_at );
  }
}