// this array consists of the id attributes of the divs we wish to alternate between
			var divs_to_fade = new Array('box-1', 'box-2', 'box-3', 'box-4', 'box-5', 'box-6', 'box-7', 'box-8', 'box-9', 'box-10','box-11', 'box-12', 'box-13', 'box-14', 'box-15', 'box-16', 'box-17', 'box-18', 'box-19', 'box-20');
		
			// the starting index in the above array.  It should be set to the value of the div which doesn't have the CSS Display property set to "none"
			var i = 0;
			
			// the number of milliseconds between swaps.  Default is five seconds.
			var wait = 8000;
			
			$(document).ready(function() {
				startPage();
			});			
			
			// the function that performs the fade
			function swapFade() {
			
				$( "#" + divs_to_fade[i] ).fadeOut( "normal" );
				i++;
				if (i == 20) i = 0;
				$( "#" + divs_to_fade[i] ).fadeIn( "normal" );				
			}
			
			// the onload event handler that starts the fading.
			function startPage() {
				setInterval( 'swapFade()', wait );
			}