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"});
        }).click(function(){

	var img_id = $(this).attr("id");
	var imggrande = '';

	if (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();
// }