// jquery photo rotator

var current;
var next;
var myTimer;

function rotateDivs(){
	clearTimeout(myTimer);

	current = $('#photoArea img.current');
	next = $(current).next().length > 0 ? $(current).next() : $('#photoArea img:first');
	
	$(current).trigger('fadeBack');
	$(next).trigger('fadeFront');

	myTimer = setTimeout('rotateDivs()',6000);
}

$(document).ready( function(){
	myTimer = setTimeout('rotateDivs()',6000);
	
 	$('#photoArea img').bind( 'fadeBack', function(){
		
		var id = $(this).attr('id').replace('pho','');
		$('#inf'+id).removeClass('current').addClass('next');
		$('#head'+id).removeClass('current').addClass('next');
		
		$(this).fadeOut(1200, function(){
			$(this).removeClass('current').addClass('next');
		});
		
 	}).bind( 'fadeFront', function(){
 	
 	  var id = $(this).attr('id').replace('pho','');
		$('#inf'+id).removeClass('next').addClass('current');
		$('#head'+id).removeClass('next').addClass('current');
		
		$(this).fadeIn(1200, function(){
			$(this).removeClass('next').addClass('current');
		}); 	
		
 	});
});