//Simple Carousel fader.  No buttons, or slide selection. Just fade through the 
//items one at a time.

function CarouselFader(target){ 

  var targetContainer = target;
  var carouselItems = $(target + " .ocmsCarouselItem");
  var numItems = carouselItems.length;
  var currentItem=0;
  if (numItems > 1) {
  	//Hide all but the first item.
	//Bring first overlay image to front.
	//$(carouselItems[0]).css("opacity", "1");
	//$(carouselItems[0]).css("z-index", "900");
	
	for (x=1;x<numItems;x++) {
		$(carouselItems[x]).css("opacity", "0");
	}	
	
	//setup a timeout to switch the slides
	setInterval(function(){ 
	 	nextItem = currentItem +1;
		if (nextItem == numItems) {
			nextItem = 0;
		}
		$(carouselItems[currentItem]).animate({
            opacity: 0
			
        }, 2000, function(){});
		$(carouselItems[nextItem]).animate({
            opacity: 1
			
        }, 2000, function(){});
		$(carouselItems[currentItem]).css("z-index", "0");
		$(carouselItems[nextItem]).css("z-index", "100");
		currentItem=nextItem;
	
	},5000);
  
  }

}

$(document).ready(function() {
	var fade = CarouselFader('#maincarousel');    
});