var carouselCurrentBox = new Array();
var carouselItemCount = new Array();
var carousels;

function initCarousels()
{
	carousels = $(".carousel");

	for (var i = 0; i < carousels.length; i++)
	{
		carousels[i].carouselItemWidth = $(".carousel:eq(" + i + ") .carousel-item").outerWidth();
		carousels[i].carouselItemCount = $(".carousel:eq(" + i + ") .carousel-item").length;
		carousels[i].carouselCurrentBox = 0;
		$(".carousel:eq(" + i + ") .carousel-item").hide();
		$(".carousel:eq(" + i + ") .carousel-item:first").show();
		$(".carousel").addClass("carouselJS");
		carousels[i].carouselTimer = setTimeout(function() { $(".carousel .next").click() }, 6000);
	}
}

function playPause(strId, link)
{
	var thisElm = $("#" + strId)[0];
	
	if (thisElm.carouselTimer)
	{
		clearTimeout(thisElm.carouselTimer);
		thisElm.carouselTimer = undefined;
		$(link).removeClass('pause').addClass('play').text('Starta');
	}
	else
	{
		thisElm.carouselTimer = setTimeout(function() { $(".carousel .next").click() }, 10000);
		$(link).removeClass('play').addClass('pause').text('Pausa');
	}
}


function carouselTurnPage(strId, steps)
{
	var thisElm = $("#" + strId)[0];
	var arrCarousels = $(".carousel");
	var carouselIndex = $.inArray(thisElm, arrCarousels);

	var carouselTargetBox = carousels[carouselIndex].carouselCurrentBox;

	if ($(carousels[carouselIndex]).find(".carousel-item:animated").length > 0)
		return false;
	

	if (steps > 0)
	{
		carouselTargetBox += steps;
		if (carouselTargetBox >= carousels[carouselIndex].carouselItemCount)
		{
			carouselTargetBox = 0;
		}
	}
	else
	{
		carouselTargetBox += steps;
		if (carouselTargetBox < 0)
		{
			carouselTargetBox = carousels[carouselIndex].carouselItemCount - 1;
		}
	}
		
	if(carousels[carouselIndex].carouselCurrentBox != carouselTargetBox)
	{
		carouselMove(carousels[carouselIndex], carouselTargetBox, steps);
		carousels[carouselIndex].carouselCurrentBox = carouselTargetBox;
	}
}

function carouselGotoPage(id, page)
{
	var thisElm = $("#" + id)[0];
	var arrCarousels = $(".carousel");
	var carouselIndex = $.inArray(thisElm, arrCarousels);
	carouselMove(carousels[carouselIndex], page);
	
}

function carouselMove(carousel, carouselTargetBox, steps)
{
	var distance = (carousel.carouselItemWidth);
	var dirRight = false;
	if (steps < 0)
	{
		dirRight = true;
	}
	distance = (dirRight) ? distance : -distance;
	
	//var startColor = $(carousel).find(".carousel-item:eq(" + carousel.carouselCurrentBox + ")").css("background-color");
	//var endColor = $(carousel).find(".carousel-item:eq(" + carouselTargetBox + ")").css("background-color");
	
    //$(carousel).find(".carousel-item:eq(" + carouselTargetBox + ")").css({ "left": "0px", "z-index": "50", "background-color": startColor }).show().animate({ "background-color": endColor }, 1200, "easeInOutQuart");
	
	$(carousel).find(".carousel-item:eq(" + carouselTargetBox + ")").css({ "left": "0px", "z-index": "50"}).show();
	$(carousel).find(".carousel-item:eq(" + carousel.carouselCurrentBox + ")").css({ "left": "0px", "z-index": "100" }).animate({ left: distance + "px"}, 1200);


	clearTimeout($(carousel)[0].carouselTimer);
	$(carousel)[0].carouselTimer = setTimeout(function() { $(".carousel .next").click() }, 10000);
}

$(document).ready(function(){
	initCarousels();
	//console.log('foo');
});