// JavaScript Document,
function preloadImgs() {
	/*
	 * loop no collection arguments[] para fazer preload das imagens
	 * deve ser chamada no BODY | APLICAÇÃO
	 	<body onload="preloadImgs('../../imagens/selo_garrasG.jpg','../../imagens/selo_qualidadeG.jpg','../../imagens/selo_brasil_alemanhaG.jpg');preloadImgs('img1_g.jpg','img1_g.jpg','img1_g.jpg')">
	 */
	divs = document.getElementsByTagName('div');
	var p=0;
	if (!document.imgPreloads)
		document.imgPreloads = new Array();

	for(i=0;i<arguments.length;i++){
		document.imgPreloads[p] = new Image;
		document.imgPreloads[p].src = arguments[i];
		p++;
	}
}
var contadorMain = 0;
function showzoom(objPai,img) {
	/*
	 * DEVE SER CHAMADA POR UMA DIV
	 * APLICAÇÃO:
		<div>
			<div onmouseover="showzoom(this,'img1_g.jpg');"><img src="img1_p.jpg" /></div>
			<div onmouseover="showzoom(this,'img1_g.jpg');"><img src="img1_p.jpg" /></div>
			<div onmouseover="showzoom(this,'img1_g.jpg');"><img src="img1_p.jpg" /></div>
		</div>
	*/
	
	if (objPai.contador == null) {
		//set ID
		objPai.contador = contadorMain;
		contadorMain++;
	}
	var divName = "zoomDiv"+objPai.contador;

	//CRIA OU SELECIONA DIV
	if (!document.getElementById(divName)) {
		//create div para zoom
		var divzoom = document.createElement('div');
		divzoom.id = divName;
		var imgbig = document.createElement('img');
		imgbig.src = img;
		divzoom.appendChild(imgbig);
		//objPai.appendChild(divzoom);
		objPai.insertBefore(divzoom,objPai.firstChild);
	} else {
		var divzoom = document.getElementById(divName);
	}

	//config styles
	divzoom.style.position = "absolute";
	divzoom.style.display = "block";

	//posiciona
	divzoom.style.marginTop = -(divzoom.firstChild.offsetHeight-objPai.offsetHeight)/50+"px";
	divzoom.style.marginLeft = -(divzoom.firstChild.offsetWidth-objPai.offsetWidth)/2+"px";

	//remove
	divzoom.onmouseout = function() {
		this.style.display = "none";
	}
}