$(document).ready(function(){
	fadeSpeed = 1000;
	loopInterval = 8000;

	$('.group-img-titles').hide().eq(0).show().addClass('active');	

	setInterval(function(){
		var active = $('#slideshow').find('.active');
		var next = active.findNext('.group-img-titles');
		active.fadeOut(fadeSpeed).removeClass('active');
		next.fadeIn(fadeSpeed).addClass('active');
	}, loopInterval);
});

/*find next() in a loop*/	
$.fn.findNext = function(className){
	if (! className) return false;

	var length = $(this).parent().find(className).length;

	if ($(this).index() == length - 1)
		return $(this).parent().find(className).eq(0);
	else 
		return $(this).next();
}


