var apiKey = "d7de22b20bf039fb94b3c26f9da1dbd5";
var flickrUsr = "62176732@N00";
var photos;

$(document).ready(function() {
	loadRandom();
});

function loadRandom() {
	if (!photos) {
		$.ajax({
				url: "http://api.flickr.com/services/rest/?method=flickr.people.getPublicPhotos&per_page=500&user_id=" + flickrUsr + "&page=1&format=json&api_key=" + apiKey + "&jsoncallback=?", 
				type: "POST",
				dataType: "jsonp",
				async: false,
				success: function(data){
					photos = data.photos.photo;
					loadImage();
					setInterval(loadImage, 6000);
				}
		});
	} else {
		loadImage();
	}
}

function loadImage() {
	var photo = photos[Math.floor(Math.random() * photos.length)];
	var photoURLLarge = 'http://farm' + photo.farm + '.static.flickr.com/' + photo.server + '/' + photo.id + '_' + photo.secret + '_b_d.jpg'
	var rotation = Math.random() * 4 * (Math.random() > .5 ? 1 : -1);
	var $image = $("<img src='" + photoURLLarge + "' style='display: none; max-width: 750px; max-height: 530px; -moz-transform: rotate(" + rotation + "deg);-webkit-transform: rotate(" + rotation + "deg);' />");
	
	$image.load(function() {
		if ($("#photo").children().length > 0) {
			$("#photo").children().fadeOut("slow", function() { 
					$("#photo").html($image);
					$image.fadeIn("fast");
			});
		} else {
			$("#photo").html($image);
			$image.fadeIn("fast");
		}
	});
}