var album = { 
	startup: function() { 
		new PeriodicalExecuter(album.cycle,4) // change image every 5 seconds 
	}, 
	cycle: function() { 
		
		new Ajax.Updater('ajaxUpdater','ajax/BannerImage.cfm', { // URL for next <IMG> tag 
		    asynchronous: true, 
		     onSuccess: function(request) {
		     	//need to set the bg of the underlying table to the new image
		    	Element.setStyle('banner-table', {background:request.responseText} );
		     	
       		 	Effect.Fade('banner-fadeBG', {
       		 		afterFinish: function(){
       		 			//once the image has faded out, change it to the new image and appear it ready for next loop
						Element.setStyle('banner-fadeBG', {background:request.responseText} );
       		 			Effect.Appear('banner-fadeBG');
       		 		}	
       		 	});
				
				
		     } 
		})				
	}
} 		
 
window.onload = album.startup;
