var timo = {
	photos: null,
	init: function() {
		timo.getPhotoData();
		$('#nav a').click(timo.updatePhoto);
		$('#update_photo').click(function(e) {
			e.preventDefault();
			timo.updatePhoto();
		});
	},
	getPhotoData: function() {
		$('#timo_photo > div').css('background-image',"url(/im/load.gif)");
		$.getJSON("http://api.flickr.com/services/feeds/photoset.gne?set=72157625250018659&nsid=49124221@N05&format=json&jsoncallback=?", timo.storePhotoData);
	},
	storePhotoData: function(o) {
		timo.photos = o.items;
		timo.updatePhoto();
	},
	updatePhoto: function() {
		var photo = $('#timo_photo > div');
		var label = $('#timo_photo > label');
		photo.css('background-image',"url(/im/load.gif)");
		label.html('');
		if(!timo.photos) {
			timo.getPhotoData();
			return;
		}
		var i = Math.floor(Math.random()*(11));
		var item = timo.photos[i];
		var src = item.media.m.replace('_m', '');
		var dummyImg = new Image();
		dummyImg.src = src;
		dummyImg.onload = function() {
			photo.css('background-image',"url("+src+")");
			label.html(item.title);
		}
	}
}
$(document).ready(timo.init);