//classes apply appropriate z-indexing, which should be set per application
function rotatePhotos(targetDiv, srcClass, slideSpeed, delay, transitionType, transDirection){
	var photoNum = $(srcClass).length;
	
	//function is building header boxes for me. If you take this out, the function would be more universal.
	for(var i=1;i<=photoNum;i++){
		nextSrc = $('.'+srcClass+':eq('+(i-1)+')').html();
		$(targetDiv).append('<div id="rotate'+i+'" class="rotateOff"><img src="'+nextSrc+'" width="520"></div>');
	}
	
	function advanceSlide(currSlide,delayTime,photoNum,transitionType, transDirection){
		if(currSlide>photoNum){
			currSlide=1;
		}
		currentDiv = $('#rotate'+currSlide);
		currentDiv.css('display','none');
		currentDiv.siblings().removeClass('rotateOn');
		currentDiv.addClass('rotateOn');
		currentDiv.show(transitionType,{direction: transDirection},slideSpeed,function(){
			currentDiv.siblings().css('display','none');
			currSlide++;
			if (photoNum>1){
				window.setTimeout(function(){
				advanceSlide(currSlide,delay,photoNum,transitionType, transDirection)},delayTime);
			}
		});
	}
	//start the slideshow
	advanceSlide(1,delay,photoNum,transitionType, transDirection);
}
$(document).ready(function(){
	//divToHoldPhotos,classOfSrcDivs,slideInTime,delayBetweenSlides, transitionType, direction
	rotatePhotos('#rotatingPics','.galleryImage',800,4500,'fade','right');
}	
);