$(document).ready(function() {
  $.ajax({
    url: 'https://api.twitter.com/1/statuses/user_timeline.json?screen_name=tristanoneil&count=5',
    type: 'get',
    dataType: 'jsonp',
    success: function(data) {
      var status = data[0].text;

      $('.text').html(status);
    }
  });

  $('body').noisy({
    intensity: .9, 
    size: 200, 
    opacity: 0.08,
    monochrome: false
  });

  $('.thumbs').each(function(){
    var api_key = 'aa956fe3a0c4344d9333897b7cb4c88f';
    var photoset = $(this).parent().attr('id');

    $.getJSON('http://www.flickr.com/services/rest/?method=flickr.photosets.getPhotos&format=json&api_key=' + api_key + '&photoset_id=' + photoset + '&extras=url_l,url_t,url_z&jsoncallback=?', function(data) {
      // Load thumnails
      for (index in data.photoset.photo) {
        if (index < 36) {
          $('#' + photoset + ' .thumbs').append('<div class="thumbnail" id="' + index + '"><img src="' + data.photoset.photo[index].url_t + '"/></div>');
        }
      }

      // Load first photo
      $('#' + photoset + ' .photo').html('<img src="' + data.photoset.photo[0].url_z + '"/>');

      // Load medium photo on click
      $('.thumbnail').click(function(event) {
        var index = $(this).attr('id');
        $('#' + photoset + ' .photo').html('<img src="' + data.photoset.photo[index].url_z + '"/>');
      });
    });
  });
});