//verifica o meu navegador
var IE = navigator.appVersion.indexOf("MSIE")!= -1;

var indiceImg;
var anteriorImg;
var tempo = 5000;
var intervalo = setTimeout(function(){AlternarDivs()},tempo);

function AlternarDivs(){
	var conteudoDiv = $("#guardaMini div ul > *");
	if(conteudoDiv != null){
		$("#guardaMini div ul > *").eq(indiceImg).trigger("click");
	}
}

/* eu sou expecifico para as página de produtos que têm miniaturas dos produtos */
function carregaProduto(){
	
	//guarda o carrousel de imgs, e calculo o tamanho da div container
	var larguraDiv = $("#guardaMini div ul li").width() + 4;
	var quantidadeDiv = $("#guardaMini div ul li").find('img').length;
	var tamanhoDiv = quantidadeDiv * larguraDiv;
	$("#guardaMini div ul").css('width',tamanhoDiv + 'px');
	
	var passo = 3;
	var _left = 0;
	
	//setas de direção das miniaturas
	$("#seta_esq")[0].direcao = 1;
	$("#seta_dir")[0].direcao = -1;
	var intervalo;
	$("#seta_esq, #seta_dir").mouseover(function(){
	
		var conteudo = $("#guardaMini div ul");
		var off_set = conteudo.offset(); 
		var direcao = this.direcao;
		
		intervalo = setInterval(function(){
			_left += (passo * direcao);
			_left =  Math.min(_left, 0);
			_left =  Math.max(_left, (tamanhoDiv * -1) + $("#guardaMini div").width());
			conteudo.css('left', _left + 'px');
		}, 10);
		$(document).mouseout(function(){
			clearTimeout(intervalo);
			$(document).unbind('mouseout')
		});
	});
	
	//click na miniatura e exibe a media
	$("#guardaMini div ul > *").click(function(){
		clearTimeout(intervalo);
		
		//Procuro pela tag img
		var img = $(this).find("img");
		//Pego o caminho da img
		var caminho = img.attr("src");
		var alt = img.attr("alt");
		var imagem = new Image();
		$(".marcado").removeClass("marcado");
		
		var itens = $("#guardaMini div ul > *");
		indiceImg = itens.index(this) + 1;
		if(indiceImg >= itens.length)
			indiceImg = 0;
		
		$(this).addClass("marcado");
		
		//Altero os parâmetros do caminho (endereço) para poder exibir a imagem grande
		//Passo o Valor do parametro "imagemGrande" para o parametro "AtributoId" 
		caminho = caminho.split('AtributoId').join('AtributoIdPequena');
		imagem.src = caminho.split('imagemGrande').join('AtributoId');
		
		if(imagem.complete){
			$("#carregando").css('display','none');
			$("#exibeFoto").html("<img src='"+ imagem.src +"' alt='"+ alt +"' title='"+ alt +"' border='0' width='248' height='248' />")
			$('#descricaoProduto').html(alt);
		}
		else{
			$("#carregando").css('display','block');
			imagem.onload = function(){
				$("#carregando").css('display','none');
				$('#descricaoProduto').html(alt);
				$("#exibeFoto").html("<img src='"+ imagem.src +"' alt='"+ alt +"' title='"+ alt +"' border='0' width='248' height='248' />")
			}
		}
		verificaImg();		
	});
	
	//faz a primeira img de miniatura abrir na media
	$("#guardaMini div ul > *:first").trigger("click");	
	
	
	/*controlo as abas dos detalhes dos produtos*/
	var imgEsqAnterior = '/produtos/images/aba-esquerda-inativa.gif';
	var imgDirAnterior = '/produtos/images/aba-direita-inativa.gif';
	var conteudoImg = $('#abasProduto ul li');
	var imgEsq = '/produtos/images/aba-esquerda-ativa.gif';
	var imgDir = '/produtos/images/aba-direita-ativa.gif';
	
	var anterior = $('#abasProduto ul li a:first');
	var identificacao;
	var id_selecionado = 0;
	var itens = $('#abasProduto ul li a');
	var conteudoIndice;
	var conteudoAbas = $('#conteudoAba div');
	var conteudoAnterior = $('#conteudoAba div:eq(0)').css('display','block');
	
	for (var i = 0; i < itens.length; i ++){
		$(itens[i]).attr('id', i);
		itens[i].indice = i;
		
		$('#controlaInfoProduto #abasProduto ul li:first').attr('id','primeiraLi');
		$('#controlaInfoProduto #abasProduto ul li a:first').find('img:first').attr('src',imgDir);
	    $('#controlaInfoProduto #abasProduto ul li a:first').find('img:last').attr('src',imgEsq)
	    $('#controlaInfoProduto #abasProduto ul li a:first').find('strong').addClass('bgMarcado');
	    
	    $(itens[i]).click(function(){
			var indice = $('#abasProduto ul li a').index(this);
			
			if (id_selecionado != $(this).attr("id")) //Verifica se o que eu estou clicando não é o selecionado
			{
				//Atribui o id do item clicado para o item selecionado.
				id_selecionado = $(this).attr("id");
				
				$(this).find('img:first').attr('src',imgDir)
				$(this).find('img:last').attr('src',imgEsq)
				$(this).find('strong').addClass('bgMarcado');
				
				$(anterior).find('img:first').attr('src',imgDirAnterior)
				$(anterior).find('img:last').attr('src',imgEsqAnterior)
				$(anterior).find('strong').removeClass('bgMarcado');
				anterior = this;
				conteudoIndice = $('#abasProduto ul li a').index(this);
				$(conteudoAnterior).css('display','none');
				$(conteudoAbas[conteudoIndice]).css('display','block');
				conteudoAnterior = conteudoAbas[conteudoIndice];
			}
		});
		
		$(itens[i]).hover(
			function(){
				if (id_selecionado != $(this).attr("id")){
					$(this).find('img:first').attr('src',imgDir)
					$(this).find('img:last').attr('src',imgEsq)
					$(this).find('strong').addClass('bgMarcado');
				}
			},
			function(){
				if (id_selecionado != $(this).attr("id")){
					$(this).find('img:first').attr('src',imgDirAnterior);
					$(this).find('img:last').attr('src',imgEsqAnterior);
					$(this).find('strong').removeClass('bgMarcado');
				}	
			}
		)
	}
}
/*verifica se existe imagem ampliada e para o transição*/
function verificaImg(){
	clearTimeout(intervalo);
	
	var teste = $("#foto_grande").css('display') == 'none';
	if(teste){
		intervalo = setTimeout(function(){AlternarDivs()},tempo);	
	}
	else{
		clearTimeout(intervalo);
	}
}
/*sou especifico para exibir a img grande centralizo a div com a resolução*/
function carregaImgGrande(){
	verificaImg();
	$("#exibeFoto, #imgAmpliaFoto").click(function(){
		link = $("#exibeFoto");
		if(IE && jQuery.browser.version <= '6.0'){
			ExibirFundo();
			$("#foto_grande").show();
			ExibirImagemAmpliada(link);
		}
		else{
			var altura = $(window).height();
			var largura = $(window).width();
			var alturaDiv = $('#foto_grande').height();
			var larguraDiv = $('#foto_grande').width();
			
			ExibirFundo();
			//calculo a largura da div
			largura = largura - larguraDiv;
			largura = largura/2;
				
			//calculo a altura da div
			var altura = altura - alturaDiv;
			altura = altura/2;
				
			$('#foto_grande').css('left',largura+'px');
			$('#foto_grande').css('top',altura+'px');
			$("#foto_grande").show();
			ExibirImagemAmpliada(link);
		}
	});
	
	//exibe img ampliada
	function ExibirImagemAmpliada(link){
		var imagem = new Image();
		var _src = $(link).find("img").attr("src");
		imagem.src = _src;
		var descricao = $(link).find("img").attr('alt');
				
		//Se vier do link "Próximo" ou "Anterior" altero o paremetro "AtributoId" para pegar a imagem grande
		if(_src.indexOf("imagemGrande")>0){		
		    imagem.src = _src.split('AtributoId').join('AtributoIdPequena');		
		    imagem.src = imagem.src.split('imagemGrande').join('AtributoId');   
		}				
		if(imagem.complete){		    
			$("#guardaCarregandoGrande").hide();
			$("#imgGrandeCarregada").html("<img src='"+ imagem.src +"' alt='"+ descricao +"' title='"+ descricao +"' width='450' height='450' border='0' />");
			$("#exibeFoto").html("<img src='"+ imagem.src +"' alt='"+ descricao +"' title='"+ descricao +"' border='0' width='248' height='248' />");
			$("#titulo_imagem_grande").html('<strong class="azulEscuro">'+ descricao +'</strong>');
		}
		else{
			$("#guardaCarregandoGrande").show();
			imagem.onload = function(){
				$("#guardaCarregandoGrande").hide();
				if(imagem.src != null){
					$("#imgGrandeCarregada").html("<img src='"+ imagem.src +"' alt='"+ descricao +"' title='"+ descricao +"' width='450' height='450' border='0' />");
					$("#exibeFoto").html("<img src='"+ imagem.src +"' alt='"+ descricao +"' title='"+ descricao +"' width='248' height='248' border='0' />");
					$("#titulo_imagem_grande").html('<strong class="azulEscuro">'+ descricao +'</strong>');	
				}
			}
		}
		verificaProx();
		verificaAnt();
	}
	/*verifica se há anterior img, se não esconde o btn de anterior*/
	function verificaAnt(){
		clearTimeout(intervalo);
		var atual = $(".marcado");
		if(atual.prev().length >= 1){
			$("#divAnterior").css('display','block');
		}
		else{
			$("#divAnterior").css('display','none');
		}
	}
	/*função de foto anterior*/
	$("#anterior").click(function(){
		var atual = $(".marcado");
		var anterior = atual.prev();
		
		if(anterior.length == 0)
			return;
		
		atual.removeClass("marcado");
		anterior.addClass("marcado");
		$('#imgGrandeCarregada').html(" ");
		$('#titulo_imagem_grande').html(" ");
		ExibirImagemAmpliada(anterior);
		verificaAnt();
	});
	
	/*função de proxima foto*/
	$("#proximo").click(function(){	
		var atual = $(".marcado");
		var proximo = atual.next();
		
		if(proximo.length == 0)
			return;
			
		atual.removeClass("marcado");
		proximo.addClass("marcado");		
		$('#imgGrandeCarregada').html(" ");
		$('#titulo_imagem_grande').html(" ");
		ExibirImagemAmpliada(proximo);
		verificaProx();
	});
	/*verifica se há proxima img, se não esconde o btn de prox*/
	function verificaProx(){
		var atual = $(".marcado");
		if(atual.next().length >= 1){
			$("#divProxima").css('display','block');
		}
		else{
			$("#divProxima").css('display','none');
		}
	}
	//exibe o fundo azul
	function ExibirFundo(){
		if(IE && jQuery.browser.version <= '6.0'){
			$.scrollTo('body',150);
			$("#fundo").css({width: $('body').width() + 'px', height:$('body').height() + 'px'}).css('display','block');
		}
		else{
			$("#fundo").css({width: $('body').width() + 'px', height:$('body').height() + 'px'}).show();
		}
	}
	
}
/*carrego a descrição do produto qdo não há img pequenas*/
function carregaAcessorio(){
	/*carrega o alt da img*/
	var alt = $('#exibeFoto').find('img').attr('alt');
	
	/*escreve a descrição do produto*/
	$('#descricaoProduto').html(alt);	
	
}
//fechar light box
function fecharDiv(){
	$('#foto_grande, #fundo').hide()
	$('#imgGrandeCarregada').empty();
	verificaImg();
}

$(function(){
	/*faço alinhar a imagem de onde comprar*/
	var alturaImg = $('#guardaDescricaoProduto img').height();
	var alturaBox = $('#boxExibeFoto').height();
	var resultado = alturaBox - alturaImg;
	
	$('.controlaTextoProd').css('min-height',resultado+'px');
	
	
	//BORDA DIREITA E ESQUERDA ATIVADAS COM O HOVER
    var src_dir = '/produtos/images/aba-direita-ativa.gif';
	var src_esq = '/produtos/images/aba-esquerda-ativa.gif';
	
	var src_dir_des = '/produtos/images/aba-direita-linha-ativa.gif';
    var src_esq_des = '/produtos/images/aba-esquerda-linha-ativa.gif';
    
    //BORDA DIREITA E ESQUERDA DESATIVADAS
	var src_dir_ant = '/produtos/images/aba-direita-inativa.gif';
    var src_esq_ant = '/produtos/images/aba-esquerda-inativa.gif';
	
    $(".abasBuscas li").hover(
      function () {
	  	var classeAtiva = $(this).find('strong').hasClass('passoAtivo');
		var classeInativa = $(this).find('strong').hasClass('passoInativo');
	  	var indice = $(".abasBuscas li").index(this);
	  	
		if(indice == 0 && classeInativa){
			//BORDA DIREITA E ESQUERDA ATIVADAS COM O HOVER
	        $(this).find('img:first').attr('src',src_dir_des);
			$(this).find('img:last').attr('src',src_esq_des);
	       $(this).find('strong').removeClass('passoInativo').addClass('passoAtivoHover');
		}
		
		if(indice == 1 && classeInativa){
			//BORDA DIREITA E ESQUERDA ATIVADAS COM O HOVER
	        $(this).find('img:first').attr('src',src_dir_des);
			$(this).find('img:last').attr('src',src_esq_des);
	       $(this).find('strong').removeClass('passoInativo').addClass('passoAtivoHover');
		}
      },
      function () {
	  	var classeAtiva = $(this).find('strong').hasClass('passoAtivo');
		var classeInativa = $(this).find('strong').hasClass('passoInativo');
	  	var indice = $(".abasBuscas li").index(this);
		
		if(indice == 0 && !classeInativa && !classeAtiva){
			//BORDA DIREITA E ESQUERDA DESATIVADAS
       		$(this).find('img:first').attr('src',src_dir_ant);
			$(this).find('img:last').attr('src',src_esq_ant);
			$(this).find('strong').removeClass('passoAtivoHover').addClass('passoInativo');
		}
	  	if(indice == 1 && !classeInativa && !classeAtiva){
			//BORDA DIREITA E ESQUERDA DESATIVADAS
       		$(this).find('img:first').attr('src',src_dir_ant);
			$(this).find('img:last').attr('src',src_esq_ant);
			$(this).find('strong').removeClass('passoAtivoHover').addClass('passoInativo');
		}
     });
});