$(document).ready(function ()
{
	var next = 1; // array index of the first transition image
	var hold = 3000; // length of hold (ms)
	var transition = 1000 // length of transition (ms)
	var imageNames = ['001.jpg', '002.jpg', '003.jpg', '004.jpg'];
	var images = [];
	
	var front = $('#slide-one');
	var back = $('#slide-two');
	
	for (var i=0; i<imageNames.length; i++)
	{
		var img = new Image();
		img.src = 'static/images/slides/'+imageNames[i];
		images.push(img);
	}
	
	setTimeout(advance, hold);
	
	function advance()
	{
		back.fadeIn(transition);
		front.fadeOut(transition, function ()
		{
			var _tmp = back;
			back = front;
			front = _tmp;
			
			next++;
			if (next >= images.length)
			{
				next = 0;
			}
			back.attr('src', images[next].src);
			
			setTimeout(advance, hold);
		});
	}
});