/*
 * Desenvolvimento: Lexxis
 * Exemplo de utilização:
 * $("#conteudo").RotateContent({tempo:10000});
 * <div id="conteudo">
 *   <ul>
 *     <li>Conteúdo ou banner</li>
 *     <li>Conteúdo ou banner2</li>
 *   </ul>
 * </div>
 */

(function($){
	$.fn.extend({
		RotateContent: function(options){
			var defaults = {
				tempo: 3000
			}
			var controle = Math.floor(Math.random()*1000)
			var options = $.extend(defaults, options);
			return this.each(function(){
				var obj = $(this);
				obj.append("<div id='RotateContentInsert_" + controle + "'></div>");
				//obj.css({"list-style": "none", "display":"none"});
				//obj.find("ul").css({"display":"none"});
				var vtRotate = new Array();
				obj.find("li").each(function(index){
					//alert($(this).html());
					vtRotate[index] = $(this).html();
				});
				obj.find("ul").remove();
				startRotateContent(vtRotate, 0);
			}); 
			function startRotateContent(vtRotate, start){
				//alert(vtBanners);
				//$("#EcommBannerInsert").html(vtBanners[0]);
				if(vtRotate.length == 1){
					$("#RotateContentInsert_" + controle).html(vtRotate[start])
				}else{
					var startRotate = start;
					$("#RotateContentInsert_" + controle).fadeOut(0).html(vtRotate[start]).fadeIn(1000).delay(options.tempo).fadeOut(1000, function(){
						if(startRotate == vtRotate.length-1){
							startRotate = -1;
						}
						startRotate++;
						startRotateContent(vtRotate, startRotate);
					});
				}
			}
		}
	});
})(jQuery);