var srcInicial; // imagem principal
var thumbs = 0; // para verificar se possui a lista <ul id="thumbs...
var imgGrandeHref;
var imgGrandeZoom;

$(document).ready(function(){
	if(document.getElementById('fotos')){
	//imagem GV ou GP
		srcInicial = $("#produto img").attr("src");
		imgGrandeHref = $("a.zoomImgMult").attr("href");
		imgGrandeZoom = $("#produto img").attr("jqimg");
		
		preparaImagens();
	}
});


function preparaImagens(imagem,altura,largura){
	var srcInicialVar;
	var tipoImagem;
	var auxImg;
	//colocando a borda no primeiro elemento da thumb
	if(document.getElementById('thumbs')){
		thumbs = 1;
	}else{
	   thumbs = 0;
	}
	if(thumbs == 1){
		
		//foto do produto principal
		if ($("#thumbs img:first").attr("src").indexOf('PP') > -1){
			//imagem principal sempre carregar a imagem Inicial
			$("#produto img").attr("src", srcInicial);
			tipoImagem = 'P';
		}else{
			tipoImagem = 'V';
			//alert($("#thumbs img:first").attr("src"));
			//imagem da variação
			//pegando o src da primeira imagem
			srcInicialVar = $("#thumbs img:first").attr("src");
			//alert(srcInicialVar);
			//trocando o src da primeira imagem para a imagem grande que será exibida no detalhe em destaque
			srcInicialVar = srcInicialVar.replace("PV","GV");
			$("#produto img").attr("src", srcInicialVar); //colocando a imagem grande em destaque
	//		 alert(srcInicialVar);
			//preparando a imagem do zoom, como a var srcInicialVar já contém o GV, está sendo trocada para OV
			var imgZoom = srcInicialVar.replace("GV","OV");
			jqimg = imgZoom;

			//pegando o que está no link de ampliar a foto
			var hrefDoZoom = $("a.zoomImgMult").attr("href");
			var trocaHref = hrefDoZoom.replace(/'([^']*)*/,"'"+imgZoom);
			var trocaHref2 = trocaHref.replace(/(.*)\/(.*__)?g([\d]+)*/,"$1/$3");

			jqimg = jqimg.replace(/(.*)\/(.*__)?g([\d]+)*/,"$1/$3");
			if(document.getElementById('novozoom'))
			{
				$("a.zoomImgMult3").attr("href",imgZoom);
			}

			//jqimg = jqimg.replace(/(.*)\/(.*__)?g([\d]+)*/,"$1/$3");
			$("a.zoomImgMult").attr("href",trocaHref2); // fazendo a atribuicao do link ampliar imagem
			$("#produto img").attr("jqimg", jqimg);	 // colocando o zoom da imagem certa
		}
		
		$("#thumbs img").mouseover(function(){
			$("#thumbs img").css({border:"solid 1px #e2e1e0"});
			$(this).css({border:"solid 1px #000", cursor:"pointer"});
		});
		
		$("#thumbs img").click(function(){
			
			var img_id = $(this).attr("id");
			var imggrande = '';
			
			if  ( (img_id) && (img_id != '') ) {
				img_id = img_id.replace(/P/,'G');
				imggrande = eval("document.getElementById('"+img_id+"').value");
			}
			
			if (imggrande.indexOf('.swf') > -1) {
				
				var width=document.getElementById('fotoGrande').width;
				var height=document.getElementById('fotoGrande').height;
				
				imggrande = imggrande.replace(/\.\./,'');
				imggrande = 'http://' + document.domain + imggrande;
				
				var embed = document.createElement('embed');
				embed.setAttribute('width',width);
				embed.setAttribute('height',height);
				embed.setAttribute('src',imggrande);
				embed.setAttribute('id','prodSwf');
				
				document.getElementById('produto').innerHTML='';
				document.getElementById('produto').appendChild(embed);
				
			} else {
				if (document.getElementById('prodSwf')) {
					var width=document.getElementById('prodSwf').width;
					var height=document.getElementById('prodSwf').height;
					
					var prodImg = document.createElement('img');
					prodImg.setAttribute('width',width);
					prodImg.setAttribute('height',height);
					prodImg.setAttribute('id','fotoGrande');
					
					document.getElementById('produto').innerHTML='';
					document.getElementById('produto').appendChild(prodImg);
				}
				
				
				//tipos de imagem P-> Principal, V-> Variação
				if(tipoImagem == 'P'){
					var novoSrc = $(this).attr("src").replace("PP","GP");
				//colocando o novo src da imagem já alterado para GP
				}else{
					var novoSrc = $(this).attr("src").replace("PV","GV");
					//colocando o novo src da imagem já alterado para GV
				}
				//pegando o source da primeira imagem
				var srcPrimeiraThumb = $("#thumbs img:first").attr("src");
				
				//pegando o href no link de ampliar foto
				var hrefDoZoom = $("a.zoomImgMult").attr("href");
				
				//verificar qual é a primeira imagem
				var jqimg;
				//se estiver clicando na primeira imagem
				if($(this).attr("src") == srcPrimeiraThumb){
				
					if(tipoImagem == 'P'){
						jqimg = srcInicial; // colocando a imagem GP no zoom -> Devo transformar na imagem original do produto
						$("#produto img").attr("src", srcInicial);
						if (hrefDoZoom) {
							if (hrefDoZoom.match('AmpliarFoto')) {
								var trocaHref = hrefDoZoom.replace(/'([^']*)*/,"'"+srcInicial);
							} else {
								var trocaHref = srcInicial;
							}
						}
					}else{
						//passando a imagem inicial para a imagem Original para colocar no zoom
						srcInicialVar = srcInicialVar.replace("GV","OV");
						jqimg = imgZoom;
						$("#produto img").attr("src", srcInicialVar);
						//trocando a imagem para ser a imagem do produto original
						if (hrefDoZoom.match('AmpliarFoto')) {
							var trocaHref = hrefDoZoom.replace(/'([^']*)*/,"'"+srcInicialVar);
						} else {
							var trocaHref = srcInicialVar;
						}
					}
					if (trocaHref) {
						var trocaHref2 = trocaHref.replace(/(.*)\/(.*__)?g([\d]+)*/,"$1/$3");
						var auxImg = trocaHref2.replace(/.*\((.*),\).*/,"$1");
						jqimg = jqimg.replace(/(.*)\/(.*__)?g([\d]+)*/,"$1/$3");
						//alert('HREF ' + trocaHref2);
						$("a.zoomImgMult").attr("href",trocaHref2);
					}
				}
				else {
					jqimg = novoSrc;
					$("#produto img").attr("src", novoSrc);
					if (hrefDoZoom) {
						if (hrefDoZoom.match('AmpliarFoto')) {
							var trocaHref = hrefDoZoom.replace(/'([^']*)*/,"'"+novoSrc);
						} else {
							var trocaHref = novoSrc;
						}
						if(tipoImagem == 'P'){
							trocaHref2 = trocaHref.replace("GP","OP");
							$("a.zoomImgMult").attr("href",trocaHref2);
							jqimg = jqimg.replace("GP","OP");
						}else{
							trocaHref2 = trocaHref.replace("GV","OV");
							$("a.zoomImgMult").attr("href",trocaHref2);
							jqimg = jqimg.replace("GV","OV");
						}
					}
				}
				
				$("#produto img").attr("jqimg", jqimg);
				var auxImg	= $("a.zoomImgMult").attr("href");
				var hrefVar	  = auxImg;
				if (auxImg) {
					auxImg = auxImg.replace(/.*\('(.*)',(.*),(.*)\).*/,"$1");
					image_1 = new Image();
					image_1.src = auxImg;
					
					if(document.getElementById('novozoom'))
					{
						$("a.zoomImgMult3").attr("href",image_1.src);
					}
					
					hrefVar = hrefVar.replace(/(.*)\(('.*'),('.*'),('.*')\).*/,"$1($2,'"+image_1.width+"','"+image_1.height+"');");
					//hrefVar = hrefVar.replace(/.*\(('.*'),('.*'),('.*')\).*/,"javascript:mostraFotoAmpliada2($1);");
					$("a.zoomImgMult").attr("href",hrefVar);
				}
			}
		});
	}else{
		
		if(imagem){
			$("#produto img").attr("src", imagem);
			//preparando a imagem do zoom, como a var srcInicialVar já contém o GV, está sendo trocada para OV
			var imgZoom = imagem.replace("GV","OV");
			jqimg = imgZoom;
			//pegando o que está no link de ampliar a foto
			var hrefDoZoom = $("a.zoomImgMult").attr("href");
			var trocaHref = hrefDoZoom.replace(/'([^']*)*/,"'"+imgZoom);
			var trocaHref2 = trocaHref.replace(/(.*)\/(.*__)?g([\d]+)*/,"$1/$3");
			
			jqimg = jqimg.replace(/(.*)\/(.*__)?g([\d]+)*/,"$1/$3");
			
			//jqimg = jqimg.replace(/(.*)\/(.*__)?g([\d]+)*/,"$1/$3");
			$("a.zoomImgMult").attr("href",trocaHref2); // fazendo a atribuicao do link ampliar imagem
			$("#produto img").attr("jqimg", jqimg);	 // colocando o zoom da imagem certa
			
			var auxImg	= $("a.zoomImgMult").attr("href");
			var hrefVar	  = auxImg;
			auxImg = auxImg.replace(/.*\('(.*)',(.*),(.*)\).*/,"$1");
			image_1 = new Image();
			image_1.src = auxImg;
			if(document.getElementById('novozoom'))
			{
				$("a.zoomImgMult3").attr("href",image_1.src);
			}
			
			
			hrefVar = hrefVar.replace(/(.*)\(('.*'),('.*'),('.*')\).*/,"$1($2,'"+image_1.width+"','"+image_1.height+"');");
			//hrefVar = hrefVar.replace(/.*\(('.*'),('.*'),('.*')\).*/,"javascript:mostraFotoAmpliada2($1);");
			$("a.zoomImgMult").attr("href",hrefVar);
			
		}else{
			$("#produto img").attr("src", srcInicial);
			$("a.zoomImgMult").attr("href",imgGrandeHref);
			$("#produto img").attr("jqimg",imgGrandeZoom);
		}
	}
}

// function mostraFotoAmpliada2(imagem){
//	 var ampliar;
//	 var isNN=(navigator.appName=="Netscape")?1:0;
// 	var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;
// 
// 
//	 ampliar = window.open('','ampliar','menubar=no,toolbar=no,status=no,directories=no,location=no,scrollbars=1,resizable=yes,width='+100+',height='+100+',top=20,left=20');
//	 ampliar.document.open("text/html");
//	 ampliar.document.write('');
//	 ampliar.document.write('<html><head><title>Imagem Ampliada</title></head><body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="auto"><center><a href="javascript:window.close();"><img src="'+imagem+'" border="0" alt="Clique na imagem para fechar a janela"></a></center></body></html>');
//	 ampliar.document.close();
//	 if(isIE){
//		 var width= (100-ampliar.document.body.clientWidth)+ampliar.document.images[0].width;
// 		var height=(100-ampliar.document.body.clientHeight)+ampliar.document.images[0].height;
// 		ampliar.resizeTo(width,height);
//	 }else{
//		 ampliar.resizeTo(100,100);
//		 ampliar.innerWidth = ampliar.document.images[0].width;
// 		ampliar.innerHeight= ampliar.document.images[0].height;
//	 }
//	 ampliar.focus();
// }