// JavaScript Document

function criaFlash(local,loja,largura,altura,idObj,arquivo){
// 	var objLocal = $(local);
	var flash = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='" + largura + "' height='" + altura + "' id='" + idObj + "' name='" + idObj + "'>";
	flash += "<param name='movie' value='http://" + document.domain + "/" + loja + "/imagens/" + arquivo + "' />";
	flash += "<param name='menu' value='false' />";
	flash += "<param name='quality' value='high' />";
	flash += "<param name='scale' value='noborder' />";
	flash += "<param name='wmode' value='transparent' />";
	flash += "<embed src='http://" + document.domain + "/" +  loja + "/imagens/" + arquivo + "' quality='high' wmode='transparent' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' menu='false' scale='noborder' width='" + largura + "' height='" + altura + "' id='" + idObj + "' ></embed>";
	flash += "</object>";
	$(local).html(flash);
}

var gradeClicada;

$(document).ready(function(){
/* Se dep anel, mostra link medidor */
var dep = $("body").attr("id"); 
  if(dep == "dep2358"){
  $("#medidorAnel").show();
  }

	// Fecha janela
	$("img.icofechar").mouseover(function(){
		$(this).css({cursor: "pointer"});
	}).click(function(){
		$(".janela").hide();
	});
	
	// Mostra a janela do produto clicado
	$(".grade img").mouseover(function(){
    $(this).css({cursor: "pointer"});
  }).mouseout(function(){
    $(this).css({cursor: "hand"});
  });
	$(".grade").click(function(){
		var imagemInicial = $(this).find("img").attr("src");
		var extencao = imagemInicial;
		var pos = extencao.indexOf("imagens/");
		var arquivo = extencao.substr(pos + 8);
		
		if (pos < 0) pos = 0;
		extencao = extencao.substr(pos);
		pos = extencao.indexOf(".");
		extencao = extencao.substr(pos);
		imagemInicial = $(this).find("img").attr("src").replace(extencao,"G1" + extencao);
		
		gradeClicada = $(this).attr("id").replace("grade","#");
		//alert(gradeClicada);
		$(".janela").hide();
		$(gradeClicada).show("slow");
		
		// Amplia a imagem extra clicada
		//var imagemInicial = $("#fotosExtras li:first img").attr("src").replace("Extra","G");
		//alert(imagemInicial);
		
		var larguraImg = 723;
		var alturaImg = 585;
		var tipoImagem = $(this).find("img").attr("class");
		var paramImagem = tipoImagem.split("_");
		tipoImagem = paramImagem[0];
		if (paramImagem[1]) larguraImg = paramImagem[1];
		if (paramImagem[2]) alturaImg = paramImagem[2];
		
		if(tipoImagem == 'swf')
		{
			var existeFlash = $(gradeClicada + " .colImg span object").attr("id");
			if (!(existeFlash))
			{
				arquivo = arquivo.replace(extencao,"G1.swf");
				
				//criaFlash(objeto destino, nome loja, largura, altura, id do flash, nome arquivo flash);
				criaFlash(gradeClicada + " .colImg span","sarajoias",larguraImg,alturaImg,"banerFlash",arquivo);
			}
		} 
		else if (tipoImagem != '')
		{
			imagemInicial = imagemInicial.replace(extencao,"." + tipoImagem);
			$(gradeClicada + " .colImg span").html('<img src="' + imagemInicial + '" alt="Ver detalhes" width="' + larguraImg + '" height="' + alturaImg + '" />');
		}
		else
		{
			$(gradeClicada + " .colImg span").html('<img src="' + imagemInicial + '" alt="Ver detalhes" width="' + larguraImg + '" height="' + alturaImg + '" />');
		}
	
		$("#fotosExtras li img").mouseover(function(){
			$(this).css({border: "solid 1px #000000"});
		}).mouseout(function(){
			$(this).css({border: "solid 1px #FFFFFF"});
		}).click(function(){
			var larguraImg = 723;
			var alturaImg = 585;
			var tipoImagem = $(this).attr("class");
			var paramImagem = tipoImagem.split("_");
			tipoImagem = paramImagem[0];
			if (paramImagem[1]) larguraImg = paramImagem[1];
			if (paramImagem[2]) alturaImg = paramImagem[2];
			
			if(tipoImagem == 'swf')
			{
				var existeFlash = $(gradeClicada + " .colImg span object").attr("id");
				if (!(existeFlash))
				{
					var arquivo = $(this).attr("src");
					var posicao = arquivo.indexOf("imagens/");
					
					arquivo = arquivo.substr(posicao + 8);
					posicao = arquivo.indexOf(".");
					extencao = arquivo.substr(posicao);
					arquivo = arquivo.replace(extencao,".swf");
					arquivo = arquivo.replace("Extra","G");
					criaFlash(gradeClicada + " .colImg span","sarajoias",larguraImg,alturaImg,"banerFlash",arquivo);
				}
			}
			else if (tipoImagem != "")
			{
				var arquivo = $(this).attr("src");
				var posicao = arquivo.indexOf("imagens");
				arquivo = arquivo.substr(posicao);
				posicao = arquivo.indexOf(".");
				extencao = arquivo.substr(posicao + 1);
				
				var srcImgExtraClicada = $(this).attr("src").replace("Extra","G");
				srcImgExtraClicada = srcImgExtraClicada.replace(extencao,tipoImagem);
				$(".colImg span").html('<img src="' + srcImgExtraClicada + '" alt="Ver detalhes" width="' + larguraImg + '" height="' + alturaImg + '" />');
			}
			else
			{
				var srcImgExtraClicada = $(this).attr("src").replace("Extra","G");
				//alert(srcImgExtraClicada);
				$(".colImg span").html('<img src="' + srcImgExtraClicada + '" alt="Ver detalhes" width="' + larguraImg + '" height="' + alturaImg + '" />');
			}
			
		});
	});
	
	/* Abas detalhe */
	/* Esconde todos os conteudos das abas e exibe somente o primeiro */
	$("#conteudoAbas div[id ^='aba']").css({display: "none", marginBottom: "50px"});
	$("#conteudoAbas div[id ^='aba']:first").css({display: "block"});
	$("#abas li:first").addClass("on");
	
	/* Coloca a classe 'on' e mostra o conteúdo da aba */
	$("#abas li").click(function(){
		$("#abas li").removeClass("on");
		$(this).addClass("on");
		var posicaoAbaSelecionada = $("#abas li").index(this);	
		$("#conteudoAbas div[id ^='aba']").hide().eq(posicaoAbaSelecionada).show("fast");
	});
	
	/* Posiciona as formas de pagamento */
	var formas = $("#formas").show();
	$("#localFormas span").html(formas);
	
	// Exibe o campo de busca
	$("#linkPesquisa").click(function(){
    $("#boxBusca").toggle();
    return false;
  });
  
  /* =Mostra cadastro */
  $("#btFinalizar").click(function(){
    $("#fechamento").toggle();
  });
  
  	$("#listaVariacao2 .off").click(function() {
		$(".buy").css({display: "none"});
		$("#btAviseme").css({display: "inline"});
	});
	
	$("#listaVariacao2 .on").click(function() {
		$("#btAviseme").css({display: "none"});
		$(".buy").css({display: "block"});
	});

});