$(document).ready(function() {
	var imageChosen = false;
	var onResize = function() {
		var scale = Math.min(1.0, (1.0 / 1000) * $(window).height());
		$('#cube_container').attr('style', '-webkit-transform: scale(' + scale + ')');
	};
	var showFlickr = function() {
		$('#cube').removeClass("show-slider");
		$('#cube').addClass("show-flickr");
		$('#flickr').show();
	};
	var showSlider = function() {
		$('#cube').removeClass("show-flickr");
		$('#cube').addClass("show-slider");
		setTimeout("$('#flickr').hide();", 1000);
	};
	var showImageWithURL = function(url, choosen) {
		var vis = $("#slider img:visible");
		var nxt = $("#slider img[src='" + url + "']");
		
		if(choosen) {
			showSlider();
		}
		if(vis != null) {
			vis.fadeOut('fast');
		}
		nxt.fadeIn('fast', function() {
			$('#slider_wrap').attr('style', "background: url('" + url + "')");
		});
		
		imageChosen = choosen;
	};
	
	var imgCount = 24;
	$.getJSON("http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=a2400624dcdf97ee679d0e2d733b0096&user_id=53314783%40N07&tags=home&sort=date-posted-desc&format=json&nojsoncallback=1", function(data) {
		var i = 0;
		$.each(data.photos.photo, function(i, item) {
			url = "http://farm" + item.farm + ".static.flickr.com/" + item.server + "/" + item.id + "_" + item.secret;
			if(imgCount-- > 0) {
				$("<img/>").attr("src", url + "_b.jpg").appendTo("#slider").hide();
				$("<div/>").attr("style", "background-image: url('" + url + "_m.jpg');").attr("class", "thumb").appendTo("#flickr").wrap("<a href='" + url + "_b.jpg' rel='" + i++ + "'></a>");
			}
		});

		showImageWithURL($("#slider img:first").attr('src'), false);
		
		setInterval(function() {
			if(imageChosen) {
				imageChosen = false;
				return;
			}
			imageChosen = false;
			
			var vis = $("#slider img:visible");
			var nxt = vis.next();
			if(nxt.length == 0) nxt = $("#slider img:first");
			
			showImageWithURL(nxt.attr('src'), false);
		}, 10000);
		
		$('#flickr a').click(function(evt) {
			showImageWithURL(this.href, true);
			return false;
		});
	});

	$('#slider').mouseover(function() {
		$('#slider_help').show();
	});
	$('#slider_help').mouseout(function() {
		$('#slider_help').hide();
	});
	$('#slider_help').click(function(event) {
		showFlickr();
	});
	
	$(window).resize(function() {
		onResize();
	});
	onResize();
});