function fadeSwap() {
	var $current = $('#fadeContainer div.current');
   var $next = $current.next();
   if ($next.length == 0) {
   	$next = $('#fadeContainer div:first'); 
   }    
		
  	$next.fadeIn().addClass('current');
	$current.fadeOut().removeClass('current');
}

$(function() {
	$('#fadeContainer').append(
	 	'<div id="fade2" style="display:none">' + 
		'<a href="display.php?ref=trails"><img class="homeImage" src="images/home/trails.jpg" alt="Trails" title="Trails" /></a>' + 
	 	'<p>Trails in the sky and the snow on a winter night in Swaledale.</p>' +
		'</div>' +
		'<div id="fade3" style="display:none">' +
		'<a href="display.php?ref=upper_swaledale_walls"><img class="homeImage" src="images/upper_swaledale_walls.jpg" alt="Upper Swaledale Walls" title="Upper Swaledale Walls" /></a>' + 
		'<p>Fast moving patches of late autumn light scurry across Upper&nbsp;Swaledale.</p>' +	
		'</div>' +
		'<div id="fade4" style="display:none">' +
		'<a href="display.php?ref=castlehead_wood"><img class="homeImage" src="images/home/castlehead-wood.jpg" alt="Castlehead Wood" title="Castlehead Wood" /></a>' + 
		'<p>Looking up through the branches of a magnificent Beech tree at Castlehead&nbsp;Wood.</p>' +
		'</div>' +
		'<div id="fade5" style="display:none">' +
		'<a href="display.php?ref=uninhabited_corner"><img class="homeImage" src="images/home/uninhabited-corner.jpg" alt="An uninhabited corner of the universe" title="An uninhabited corner of the universe" /></a>' + 
		'<p>Twenty minutes, and the brief light from four passing cars on a remote Yorkshire Dales road.</p>' +
		'</div>'
	);
	setInterval("fadeSwap()", 5000);
});