// Function to loop through images
function slideshow()
{
	// Fade the foreground to 100%
	new Rico.Effect.FadeTo('slide', 1, 1000, 25, {
		complete:function()
		{
			// On fade complete, change background image
			document.getElementById('slideshow').style['backgroundImage'] = 'url("'+slides[currentSlide]+'")';
			
			// Fade foreground to 0% (Actual image fade)
			new Rico.Effect.FadeTo('slide', 0, 1, 1, {
				complete:function()
				{
					// On fade complete, select next slide
					currentSlide++;
					if(currentSlide >= slides.length)
					{
						currentSlide = 0;
					}
					
					// Set the slide img object to the current slide
					document.getElementById('slide').src = slides[currentSlide];
					document.getElementById('slide').alt = 'Image: '+(currentSlide+1);
					
					// Resume slideShow function
					setTimeout('slideshow();', slideTimer*1000);
				}
			});
		}
	});
}