var ImageFader = {
	random: '',
	start: function(){
		$("body").append('<div id="empty"></div>')
		$.get("/random_splash", function(data){
			$.each( [3,4,5], function(i, n) {
				$("#nav-wrapper").prepend('<div id="image'+n+'" class="image" style="background-image: url('+data+')"></div>')
			})
			ImageFader.a()
		})
	},
	a: function(){
		ImageFader.load()
		setTimeout('$("#image0").fadeOut(1000, ImageFader.b)', 2000);
	},
	b: function(){
		setTimeout('$("#image1").fadeOut(1000, ImageFader.c)', 2000);
	},
	c: function(){
		setTimeout('$("#image2").fadeOut(1000, ImageFader.d)', 2000);		
	},
	d: function(){
		ImageFader.change(0);
		ImageFader.load()
		setTimeout('$("#image0").fadeIn(1000, ImageFader.e)', 2000);
	},
	e: function(){
		setTimeout('$("#image1").fadeIn(1000, ImageFader.f)', 2000);
	},
	f: function(){
		setTimeout('$("#image2").fadeIn(1000, function(){ImageFader.change(3);ImageFader.a()})', 2000);
	},
	change: function(i) {
		$("#image"+(0+i)).css("background-image", "url("+ ImageFader.random +")")
		$("#image"+(1+i)).css("background-image", "url("+ ImageFader.random +")")
		$("#image"+(2+i)).css("background-image", "url("+ ImageFader.random +")")
	},
	load: function() {
		$.get("/random_splash", function(data){
			$("#empty").css("background-image", "url("+ data +")")
		  ImageFader.random = data
		});
	},
};
$(function(){
	$("a.external").each(function(){$(this).click(function(){window.open($(this).attr("href"),'_blank');return false;})});
});