function theRotator(parent) {
	// Set the opacity of all images to 0
	jQuery(parent).children('ul').children('li').css({opacity: 0.0});

	// Get the first image and display it 
	jQuery(parent).children('ul').children('li:first').css({opacity: 1.0});
	
	// Call the rotator function to run the slideshow, 6000 = change to the next image
	var numLow = 4000;
	var numHigh = 6000;
	
	var adjustedHigh = (numHigh - numLow) + 1;
	var numRand = Math.floor(Math.random() * adjustedHigh) + numLow;
	
	setInterval(function() { rotate(parent); }, numRand);
}

function rotate(parent) {
	// Get the first image
	var current = ((jQuery(parent).children('ul').children('li.show')) ? (jQuery(parent).children('ul').children('li.show')) : (jQuery(parent).children('ul').children('li:first')));
	
	// Get next image, when it reaches the end, rotate it back to the first image
	 var next  = ((current.next().length) ? ((current.next().hasClass('show')) ? jQuery(parent).children("ul").children("li:first") :current.next()) : jQuery(parent).children("ul").children("li:first"));

	// Set the fade in effect for the next image, the show class has higher z-index
	next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
	
	// Hide the current image
	current.animate({opacity: 0.0}, 1000).removeClass('show');
}