!(function(){
'use strict';
// Get some photos from Flickr for the demo
$.ajax({
url: 'http://api.flickr.com/services/rest/',
data: {
format: 'json',
method: 'flickr.interestingness.getList',
//per_page : 10,
api_key: '7617adae70159d09ba78cfec73c13be3'
},
dataType: 'jsonp',
jsonp: 'jsoncallback'
}).done(function (data){
var gallery = $('#gallery'), url;
$.each( data.photos.photo, function(index, photo){
// Flickr Services
url = 'http://farm' + photo.farm + '.static.flickr.com/' + photo.server + '/' + photo.id + '_' + photo.secret;
var img = $('<img>').prop({'src': url + '_t.jpg', 'title': photo.title});

var link = document.createElement('a'),
li = document.createElement('li')

link.href = url + '_b.jpg';
link.appendChild(img[0]);
li.appendChild(link);
gallery[0].appendChild(li);

// lazy show the photos one by one
img.on('load', function(e){
setTimeout( function(){
li.className = 'loaded';
}, 20*index);
});
});

// finally, initialize photobox on all retrieved images
$('#gallery').photobox('a', { thumbs:true }, callback);
function callback(){
console.log('loaded!');
}
});
})();