$.fn.cycle.defaults.timeout = 12000;
	
function onAfter() 
{ 
	$('#profile-description').html("<h3 class='title'>" + this.title + "</h3>").append('<p class="description">' + this.alt + ' </p><p class="readmoreButton"><a href="' + this.name +'">Read more </a></p>'); 
}
	
$(document).ready(function() 
{
	//$('#profile-image').after('<div id="nav" class="nav">').cycle({
	$('#profile-image').cycle(
	{
		fx:     'fade',
		speed:  'fast',
		timeout: 12000,
		next: '#profile-image',
		pause: 1,
		//pager:  '#nav',
		after: onAfter
	});
});