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 (gets set to full opacity)
	//$('div#rotator ul li:first').css({opacity: 1.0});
	jQuery(parent).children("ul").children("li:first").css({opacity: 1.0});	
		
	//Call the rotator function to run the slideshow, 6000 = change to next image after 4-6 seconds
    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 = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first'));
	
	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');
	
}