// JavaScript Document
var esquerda_galeria_principal = 0;
$(document).ready(function(){
    var total_imagens = $("#lista > img");
	$('#lista').css('width', total_imagens.length * 105);
	var correr = 0;
	var voltar = 0;
	var largura = $("#lista").css("width");
	var limite_imagens = $("#lista_tela").css("width");
	limite_imagens = parseInt(limite_imagens.substr(0, limite_imagens.length - 2));
	largura = parseInt(largura.substr(0, largura.length - 2));
	esquerda_galeria_principal = parseInt(($('#lista_tela').width()/2) - ($('#lista').width()/2 ));
	$('#lista').css('left', esquerda_galeria_principal + 'px');
	if (largura <= limite_imagens){
		$('#seta_l').hide();
		$('#seta_r').hide();
	}
	function Correr_imagens(){
		if (correr == 1){
			var valor = largura + esquerda_galeria_principal;
			if (valor >= limite_imagens){
				esquerda_galeria_principal = esquerda_galeria_principal-5;
				$("#lista").css("left", esquerda_galeria_principal + "px");
				setTimeout(function(){Correr_imagens()}, 50);
			}
		}
	}
	function Voltar_imagens(){
		if (voltar == 1){
			if (esquerda_galeria_principal < 0){
				esquerda_galeria_principal = esquerda_galeria_principal +5;
				$("#lista").css("left", esquerda_galeria_principal + "px");
				setTimeout(function(){Voltar_imagens()}, 50);
			}
		}
	}
	$("#seta_r").css({
						 opacity: ".5",
						 filter: "alpha(opacity=50)"
						 }).mouseover(function(){
		correr = 1;
		Correr_imagens();
		$(this).css({
					opacity: "1",
					filter: "alpha(opacity=100)"
					});
	}).mouseout(function(){
		correr = 0;
		$(this).css({
					opacity: ".5",
					filter: "alpha(opacity=50)"
					});
	});
	$("#seta_l").css({
						opacity: ".5",
						filter: "alpha(opacity=50)"
						}).mouseover(function(){
		voltar = 1;
		Voltar_imagens();
		$(this).css({
					opacity: "1",
					filter: "alpha(opacity=100)"
					});
	}).mouseout(function(){
		voltar = 0;
		$(this).css({
					opacity: ".5",
					filter: "alpha(opacity=50)"
					});
	});
	$(".lista_tela img").css({
								   opacity: ".5",
								   filter: "alpha(opacity=50)",
								   cursor: "pointer"
								   }).mouseover(function(){
		$(this).animate({opacity: '1'}, 'fast');
		$('#alvo').html($(this).attr('descricao'));
	}).mouseout(function(){
		$(this).animate({opacity: '.5'}, 'fast');
		$('#alvo').html('&nbsp;');
	}).click(function(){
		window.location ="produtos_sel.php?id=" + $(this).attr('p_id');
	});
});