//TROCAR AS IMAGENS DA ÁREA DE PRODUTOS  zoom e detalhes
var zoomLst = {
	imgLst:[],
	imgLstZoom:[],
	selos:[],
	imgPath:"./",
	init:function(){
		if(document.getElementById("imgZoom")){
			var objGroup = document.getElementById("imgGroup");
			if(this.imgLstZoom.length>0) {
				objGroup.style.display = "block";
				this.createImgLst();
			} else {
				objGroup.style.display = "none";
			}
			if (this.selos.length>0) {
				//adiciona selos
				this.addSelos();
			}
		}
	},
	createImgLst:function(){
		var objLst = document.getElementById("imgLst");

		var lstUL = document.createElement('ul');
		var idZoomIni = 0;
		for (var i=0; i<this.imgLst.length; i++) {
			if (i == idZoomIni) continue;
			var lstLI = document.createElement('li');
			var lstIMG = document.createElement('img');
			lstIMG.src = this.imgPath+this.imgLst[i];
			lstIMG.width = 154;
			lstIMG.height = 82;
			lstIMG.style.cursor = "pointer";
			/*
			switch (idLanguageSite) {
				case 2:
				case 3:
				default:
					//pt
					lstIMG.alt = "Clique na foto para ampliar";
			}
			*/
			//pt
			lstIMG.alt = "Clique na foto para ampliar";

			lstIMG.idImg = i;
			lstIMG.objZoomLst = this;
			lstIMG.onclick = function (){
				this.objZoomLst.showZoom(this.idImg, this)
			};

			lstLI.appendChild(lstIMG);
			lstUL.appendChild(lstLI);
		}
		objLst.appendChild(lstUL);
		this.showZoom(idZoomIni);
	},
	showZoom:function(idImg, objThumb){
		var objZoom = document.getElementById("imgZoom");
		var objLst = document.getElementById("imgLst");

		//TROCA THUMBNAILS
		if (objThumb) {
			objThumb.src = this.imgPath+this.imgLst[objZoom.idImg];
			objThumb.idImg = objZoom.idImg;
		}

		//MOSTRA ZOOM
		if (!objZoom.objZoomImg) {
			//cria tag IMG para Zoom
			var objZoomImg = document.createElement('img');
			objZoom.appendChild(objZoomImg);
			objZoom.objZoomImg = objZoomImg;
		}
		objZoom.objZoomImg.src = this.imgPath+this.imgLstZoom[idImg];
		objZoom.idImg = idImg;
	},
	addSelos:function() {
		var objZoom = document.getElementById("imgZoom");
		//cria área de selos
		var objSelosArea = document.createElement('div');
		objSelosArea.id = "areaSelos";
		//objZoom.appendChild(objSelosArea);
		
		if(objZoom.childNodes[0] != undefined && objZoom.childNodes[0] != "undefined"){
			
			objZoom.insertBefore(objSelosArea, objZoom.childNodes[0]);
			//adiciona imagens dos selos
			for (var i in this.selos) {
				switch (this.selos[i]) {
				case "ce":
					var objSeloCE = document.createElement('img');
					objSeloCE.src = '../../imagens/produtos/selo_ce.gif';
					objSeloCE.id = 'seloCE';
					objSelosArea.appendChild(objSeloCE);
					continue;
					break;
				case "ce0499":
					var objSeloCE0499 = document.createElement('img');
					objSeloCE0499.src = '../../imagens/produtos/selo_ce0499.gif';
					objSeloCE0499.id = 'seloCE0499';
					objSelosArea.appendChild(objSeloCE0499);
					continue;
					break;
				case "seloAcompanhamentoProf":
					var objSeloProf = document.createElement('img');
					objSeloProf.src = '../../imagens/produtos/selo_acompanhamento_pt.gif';
					objSeloProf.id = 'seloAcompProf';
					objSeloProf.style.margin = "207px 0 0 435px";
					objSeloProf.style.position = "absolute";
					objSelosArea.appendChild(objSeloProf);
					continue;
					break;
				case "seloAcompanhamentoProf_en":
					var objSeloProf = document.createElement('img');
					objSeloProf.src = '../../imagens/produtos/selo_acompanhamento_en.gif';
					objSeloProf.id = 'seloAcompProf';
					objSeloProf.style.margin = "207px 0 0 435px";
					objSeloProf.style.position = "absolute";
					objSelosArea.appendChild(objSeloProf);
					continue;
					break;
				case "seloAcompanhamentoProf_es":
					var objSeloProf = document.createElement('img');
					objSeloProf.src = '../../imagens/produtos/selo_acompanhamento_es.gif';
					objSeloProf.id = 'seloAcompProf';
					objSeloProf.style.margin = "207px 0 0 435px";
					objSeloProf.style.position = "absolute";
					objSelosArea.appendChild(objSeloProf);
					continue;
					break;
				}
			}
		}
	}
}

arOnload.push(function(){zoomLst.init();});