$.fn.cycle.defaults.timeout = 6000;

	function onAfter() 
	{ 
		// 'this' represents the active img tag 
		// this.title = the value of the img tag's title attribute
		// this.alt = the value of the img tag's alt attribute
		
		$('#spotlight-description').html("<h3 class='title'>" + this.title + "</h3>").append('<p>' + this.alt + ' </p>'); 
		
		// this.name = the value of the img tag's name attribute
		$('#readmoreButton').html('<a href="' + this.name +'" target="_blank">Read more </a>');
	}

	$(document).ready(function() 
	{
		$('#spotlight-image').cycle(
		{
			fx:     'fade',
			speed:  'fast',
			timeout: 6000,
			next: '#spotlight-image',
			pause: 1,
			after: onAfter
		});
	});