// JavaScript Document
function slideSwitch() {
    var $active = $('#slideshow img.active');
	$active.addClass('last-active');
	// verifica se existe um próximo objeto na div #slideshow, caso ele nao exista, retorna para o primeiro
    var $next =  $active.next().length ? $active.next() : $('#slideshow img:first');
 
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}
 
$(function() {
	//Executa a função a cada 4 segundos
	setInterval( "slideSwitch()", 4000 );
});

jQuery(document).ready
(
	function() 
	{
		jQuery(".slideDiv").hide();
		var mainDivs = jQuery(".mainDiv");
		for (var loopCounter = 0; loopCounter < mainDivs.length; loopCounter++) 
		{
			setChildrenDivs(mainDivs[loopCounter]);
		}
	}

);

function setChildrenDivs(mainDiv)
{
	var mainChildrenStableDiv = jQuery(mainDiv).children(".showDiv");
	var mainChildrenSlide = jQuery(mainDiv).children(".slideDiv");

	for (var loopCounter = 0; loopCounter < mainChildrenStableDiv.length; loopCounter++) 
	{
		var currentStableDiv = jQuery(mainChildrenStableDiv[loopCounter]);
		var currentSlideDiv = jQuery(mainChildrenSlide[loopCounter]); 
		var containerPosition = jQuery(currentStableDiv).position();
		jQuery(currentSlideDiv).css({ left: containerPosition.right + currentStableDiv.width() });
		setHover(currentSlideDiv, currentStableDiv);
	}
}

function setHover(currentSlideDiv, currentStableDiv) 
{
	currentStableDiv.hover
	(
		function() 
		{
			if (currentSlideDiv.is(":hidden")) 
			{
				currentSlideDiv.show("slide", { direction: "right" }, 150);
			}
		},
		
		function() 
		{
			if (currentSlideDiv.is(":visible"))
			{
				currentSlideDiv.hide("slide", { direction: "right" }, 500);
			}
		}
	);
};