$(function() {
	var images = [
		'./img/splash3.jpg',
		'./img/splash2.jpg',
		'./img/splash1.jpg'
	];
	var $splash = $('#splash');
	var $splash2 = $('<div/>', {'height': '200px','class': ''});
	$splash.append($splash2);
	$splash2.hide();
	var elements = [$splash, $splash2];
	var fade = [$splash2.fadeIn, $splash2.fadeOut]
	var fadeIndex = 0;
	var imgIndex = 0;
	var elIndex = 0;

	elements[elIndex++%elements.length].css('background-image', 'url("' + images[imgIndex++%images.length] + '")');

	(function switchImage() {
		setTimeout(function() {
			elements[elIndex++%elements.length].css('background-image', 'url("' + images[imgIndex++%images.length] + '")');
			fade[fadeIndex++%fade.length].apply($splash2, [5000, function() {
				//$splash2.addClass('rounded');
				switchImage();
			}]);
		}, 3000);
	})();
});