/*
* jSlideShow4 by RCDMK - Maio de 2011
* rcdmk@hotmail.com
* 
* Plugin para jQuery que gera um slideshow ou banner rotativo
*/
(function($) {
	$.fn.jSlideShow4 = function(options) {
		// Inicialização
		var $this = $(this);
		var slides = $this.find(".slide");
		var opts = $.extend({}, $.fn.jSlideShow4.defaults, options);
		var currItem = 0;
		var mouseOver = false;
		var transitionIn = true;
		var timer = null;
		var buttons = null;
		var incluir = false;
		var over = false;
		var out = false;
		
		// Se tiver slides
		if (slides.length && slides.length > 1) {
			// Se tiver mais de um slide, inicia a animação
			
			slides.not(slides.eq(0)).css({ 'display': 'none' });
			
			// Criar botões de navegação
			buttons = $this.find('.slideButtonsContainer');
			if (!buttons.length) incluir = true;
			
			if (incluir) buttons = $('<div class="slideButtonsContainer" />');
			
			
			for (var i = 0; i < slides.length; i++) {
				buttons.append('<div class="slideButton"><a style="cursor:pointer;" rel="' + (i + 1) + '">' + (i + 1) + '</a></div>');
			}
			
			// Ativar o click nos botões
			buttons.find(".slideButton").each(function() {
				$(this).click(function() {
					transitionSlide($(this).find('a').attr('rel'));
				});
			});
			
			if (incluir) $this.append(buttons);
			
			slides.each(function() {
				$(this).hover(function() {
					over = true;
					out = false;
					
					clearTimeout(timer);
					
				}, function() {
					over = false;
					out = true;
					
					waitNext();
				});
			});
			
			activeButton(1);
			waitNext();
		}
		
		/*	Função que alterna os slides
		*	@num = número do slide para trocar
		* 	Se não passar um parâmetro, o próximo slide é chamado
		*/
		function transitionSlide(num) {
			// trocar slides
			over = false;
			out = false;
			var prevItem = currItem;
			
			clearTimeout(timer);
			if (num != '' && num != null && num!= undefined ) {
				num = parseInt(num) - 1;
				if (num != currItem) {
					$(slides[currItem]).stop(false, true).animate(opts.animationOut, opts.animationTime, function() {
						slides.not(slides.eq(prevItem)).not(slides.eq(num)).stop(true, true).css({ 'display': 'none' });
						
						$(slides[num]).stop(false, true).animate(opts.animationIn, opts.animationTime, function() { waitNext() });
						
						currItem = num;
						activeButton(currItem + 1);
					});
				} else {
					waitNext();
					activeButton(1);
				}
				
			} else {
				$(slides[currItem]).stop(false, true).animate(opts.animationOut, opts.animationTime, opts.easeOut, function() {
					currItem++;
					currItem = (currItem == slides.length) ? 0 : currItem;
					activeButton(currItem + 1);

					$(slides[currItem]).stop(false, true).animate(opts.animationIn, opts.animationTime, opts.easeIn, function() { waitNext(); });
				});
			}
			
			
		}
		
		// Chamar a função após o tempo
		function waitNext() {
			clearTimeout(timer);
			if (!over) timer = setTimeout(function (){transitionSlide()}, (out) ? opts.interval/2 : opts.interval);
		}
		
		// Ativar o botão do slide atual
		function activeButton(currButton) {
			buttons.find("a").each(function() {
				if ($(this).attr('rel') == String(currButton)) {
					$(this).addClass('slideButtonOn');
				} else {
					$(this).removeClass('slideButtonOn');
				}
			});
		}
		
		return $this;
	}
	
	$.fn.jSlideShow4.defaults = {
		interval: 4000,
		animationIn: { opacity: 'show' },
		animationOut: { opacity: 'hide' },
		easeIn: "linear",
		easeOut: "linear",
		animationTime: 500
	};
})(jQuery)

$(document).ready(function(){
	$(".jSlideShow4").jSlideShow4();
	//$(".jSlideShow").jSlideShow({ interval: 2000, animationIn: { width: "show" }, animationOut: { width: "hide" }, easeIn:"bounce", easyOut:"bounce" });
});