(function($) {
	$.fn.rotate = function() {
		
		var container = $(this);
		
		var totale = container.find("div:not(#controls)").size();
		
		var current = 0;
		
		var controls = '';
		
		for($i = 0; $i < totale; $i++)
		{
			controls += '<a id="' + $i + '"></a>';
		}
		
		$('#controls').html(controls);
		
		container.find("div:not(#controls)").filter(":eq("+current+")").show().end().not(":eq("+current+")").hide();
		
		$('#0').addClass('active');
		
		current++;

		var i = setInterval(function() {
					
			intervalFunction();
			
		}, 10000);
		
		$('#controls a').hover(function () {
			$(this).css({'cursor' : 'pointer'});						 
		});

		$('#controls a').click(function () {
			
			current = $(this).attr('id');

			clearInterval(i);

			intervalFunction();
			
			i = setInterval(function() {
					
				intervalFunction();
			
			}, 10000);
			
			return false;
		});
		
		function intervalFunction()
		{
			if (current >= totale) current = 0;
						
			container.find("div:not(#controls)").filter(":eq("+current+")").fadeIn("slow").end().not(":eq("+current+")").fadeOut("slow");
			
			$('#controls a').removeClass('active');
			
			$('#' + current).addClass('active');		
			
			current++;
		}
		
		return container;
		
	};
})(jQuery);

