(function($){
$.fn.carou = function(options){

 var defaults = {
   width: 300,
   height: 200,
   fadeOutDuration: 1000,
   activeColor: '#EEE',
   passiveColor: '#AAA'
  };

  var options = $.extend(defaults, options);
  var containerDiv = this;
  
function carouRotate(img) {    
	var fadeOutDuration = options.fadeOutDuration;
	var fadeInDuration = fadeOutDuration;

	function carouOn(img) {
	    $('.navig span:nth-child('+(img.index()+1)+')').css("color", options.activeColor);
	    img
		.fadeIn(fadeInDuration)
	    	//.animate({left: '0'}, fadeInDuration)
		;
	}
	function carouOff(img) {
	    img
	    	.fadeOut(fadeOutDuration)
	    	//.animate({left: '-=500'}, fadeInDuration)
		;
	    $('.navig span:nth-child('+(img.index()+1)+')').css("color", options.passiveColor);
	}

	var nImg = img.next("img");
	if (nImg.size() == 0) { nImg = $("img:first", containerDiv); }

	carouOn(img);
	setTimeout(function(){ carouOff(img); }, 4000);	
	setTimeout(function(){ carouRotate(nImg); }, 4000+fadeOutDuration);
}

var nbImg = $("img", this).size();

$("img", this)
	.hide()
	.css({height: options.height})
	//.css({position: 'absolute'})
	;


$(this)
	.append('<div class="navig"></div>')
	.height(options.height + 30)
	.width(options.width)
	.css("min-height", options.height)
	.css("overflow", 'hidden')
	.css("position", 'relative')
	.css("display", "block")
	.css("text-align", "center")
	//.css("background-color", "#888")
	;

	for (var point=0; point < nbImg; point++) {
		$(".navig").append($('<span style="font-size: 2em; color:#DDD;">&bull; </span>'));
	}
	$(".navig span").css("color", options.passiveColor);
	carouRotate($("img:first", this));
}

})(jQuery);