// JavaScript Document

var itensNavegacao = 2; // Define a quantidade de itens deslocados por scroll.
var tamanhoItens = $(".slider .areaCentral .centro .espacoSlider .areaItens .areaItem:eq(0)").outerWidth(true);
//var margemItens = $(".slider .areaCentral .centro .espacoSlider .areaItens .areaItem:eq(0)").css("margin-right");
//margemItens = parseInt(margemItens.replace(/px/gi,''));

$(".slider .setaEsquerda").click(function(){
	var container = $(this).closest('.slider');
	var totalItens = $(".espacoSlider .areaItens .areaItem", container).size();
	var totalScroll = (tamanhoItens * itensNavegacao);
	var posicaoFinal = $(".espacoSlider .areaItens:eq(0)", container).css("left");
	posicaoFinal = parseInt(posicaoFinal.replace(/px/gi,''));
	
	if (totalItens > 4 && !$(this).hasClass("inativa")) {
		posicaoFinal += totalScroll;
		if (posicaoFinal >= 0) {
			$(this).addClass("inativa");
			posicaoFinal = 0;
		}
		$(".espacoSlider .areaItens:eq(0)", container).stop().animate({left: posicaoFinal + 'px'}, "slow");
		$(".setaDireita", container).removeClass("inativa");
	}
});

$(".slider .setaDireita").click(function(){
	var container = $(this).closest('.slider');
	var totalItens = $(".espacoSlider .areaItens .areaItem", container).size();
	var totalScroll = (tamanhoItens * itensNavegacao);
	var tamanhoTotal = (tamanhoItens * 4);
	var margemFinal = (-totalItens * tamanhoItens) + tamanhoTotal;
	var posicaoFinal = $(".espacoSlider .areaItens:eq(0)", container).css("left");
	posicaoFinal = parseInt(posicaoFinal.replace(/px/gi,''));
	
	if (totalItens > 4 && !$(this).hasClass("inativa")) {
		posicaoFinal -= totalScroll;
		if (posicaoFinal <= margemFinal) {
			$(this).addClass("inativa");
			posicaoFinal = margemFinal;
		}
		$(".espacoSlider .areaItens:eq(0)", container).stop().animate({left: posicaoFinal + 'px'}, "slow");
		$(".setaEsquerda", container).removeClass("inativa");
	}
});

$(document).ready(function(){
	$('.slider').each(function(){
		if ($(this).find(".espacoSlider .areaItens .areaItem").size() > 4) {
			$(this).find(".setaDireita").removeClass("inativa");
		}
	});			   
});