var atual = 1;
var tamanho;
var larguras = [];
var hover = false;

$(document).ready(function(){
	
	$("#menu_clientes").parent().addClass("ativo")
	//$("#menu_clientes").show("fast")
	seleciona_cliente( $("#menu_clientes li.ativo")[0] )
	
	//inicializa
	atual = 1;
	tamanho = $("#container .caixa_peca").length
	
	$("#caixa_slider").css("width", tamanho*330)
	
	//posiciona as setas
	posicao = $("#container").offset()
	$("#seta_esquerda").css("left", posicao.left )
	$("#seta_esquerda").css("top", posicao.top + 140)
	$("#seta_direita").css("left", posicao.left + 290)
	$("#seta_direita").css("top", posicao.top + 140)
	
	if (tamanho > 1)
		$("#seta_direita").addClass("visivel")
	
	$("#seta_esquerda").click(function(){
		$("#caixa_slider").animate({marginLeft: "+=330px"}, 450);
		atual--
		arruma_setas()
	})
	
	$("#seta_direita").click(function(){
		$("#caixa_slider").animate({marginLeft: "-=330px"}, 450);
		atual++
		arruma_setas()
	})
	
	$("#container").mouseover(function(){
		$(".visivel").show()
		hover = true
	})
	
	$("#container").mouseout(function(){
		$(".seta").hide()
		hover = false
	})
})

function arruma_setas()
{
	$(".seta").hide()
	
	$("#seta_direita").addClass("visivel")
	$("#seta_esquerda").addClass("visivel")
	
	if (tamanho <= 1) {
		$("#seta_direita").removeClass("visivel")
		$("#seta_esquerda").removeClass("visivel")
	}
	else if (atual == 1) {
		$("#seta_esquerda").removeClass("visivel")
	}
	else if (atual == tamanho) {
		$("#seta_direita").removeClass("visivel")
	}
	
	$("#seta_esquerda").html("<img src='/images/seta_esquerda.png'/>")
	
	if (hover) $(".visivel").show()
}