function theRotator() {
	$('#photoB ul li').css({opacity: 0.0});
	$('#photoB ul li:first').css({opacity: 1.0});
	setInterval('rotate()',6000);	
}
 
function rotate() {	
	var current = ($('#photoB ul li.show')?  $('#photoB ul li.show') : $('#photoB ul li:first'));
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#photoB ul li:first') :current.next()) : $('#photoB ul li:first'));
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
};

function theRotator2() {
	$('#photoC ul li').css({opacity: 0.0});
	$('#photoC ul li:first').css({opacity: 1.0});
	setInterval('rotate2()',6000);	
}
 
function rotate2() {	
	var current = ($('#photoC ul li.show')?  $('#photoC ul li.show') : $('#photoC ul li:first'));
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#photoC ul li:first') :current.next()) : $('#photoC ul li:first'));
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
};

function theRotator3() {
	$('#photoD ul li').css({opacity: 0.0});
	$('#photoD ul li:first').css({opacity: 1.0});
	setInterval('rotate3()',6000);	
}
 
function rotate3() {	
	var current = ($('#photoD ul li.show')?  $('#photoD ul li.show') : $('#photoD ul li:first'));
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#photoD ul li:first') :current.next()) : $('#photoD ul li:first'));
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
};
 
$(document).ready(function() {	
	//Load the slideshow
	theRotator();
	theRotator2();
	theRotator3();
});