$(document).ready(function(){
	
	$carouselItems = $("#carousel div");
	$carouselItemsCount = $carouselItems.length;
	$slideTimer = 2500;
	
	function slide() {
		// the sliding
		$("#carousel .c-item.active").fadeOut(1000, function(){
				$(this).removeClass("active");
				if ($(this).prevAll().length < $carouselItemsCount-2){
					$(this).next('.c-item').removeClass("next").addClass("active").next('.c-item').addClass("next");
				} else if ($(this).prevAll().length == $carouselItemsCount-2){
					$(this).next('.c-item').removeClass("next").addClass("active");
					$("#carousel div:first").addClass("next");
				} else {
					$("#carousel div:first").removeClass("next").addClass("active").next().addClass("next");
				}
			});
		$("#carousel div.next").fadeIn();
	}
	
	function start() {
		s = setInterval(slide, $slideTimer);
	}
	
	setTimeout(start, 0);
	
});