//quadro de imagem ampliada
document.write('<div id="moldura" style="position:absolute;top:-200px;left:-200px;display:none;border:solid 3px white;z-index:100;cursor:pointer;"><div style="position:absolute;left:auto;right:0px;background-color:#FFFFFF;font-family:arial, helvetica, sans-serif;font-size:14px;color:#9F3D0E;font-weight:700;" onclick="ocultaImagem();">[ Fechar ]</div><img src="images/logotipo.jpg" id="imagem" onclick="ocultaImagem();" style="cursor:pointer;"></div>');

var ie = /msie/i.test(navigator.userAgent);
var ieBox = ie && (document.compatMode == null || document.compatMode == "BackCompat");

var w, h; // Contem o width e o height da janela
function getSize() {
	var canvasEl = ieBox ? document.body : document.documentElement;
	w = window.innerWidth || canvasEl.clientWidth;
	h = window.innerHeight || canvasEl.clientHeight;
}
getSize();


var visivel = false;
var recuoX = w/2 + 100;
var recuoY = h/2 + 400;



function mostraImagem(e, imagem,largura, altura) {
	this.e = (!window.event) ? e : window.event;
	
	var molduras, imagens, mouseX, mouseY;
	
	molduras = parent.document.getElementById("moldura");
	molduras.style.display = "block";
	
	imagens = parent.document.getElementById("imagem");
	
	imagens.src = imagem;
	
	if (!largura) {
		largura = 0;
	} else {
		imagens.style.width = largura;
	}
	if (!altura) {
		altura= 0;
	} else {
		imagens.style.height = altura;
	}

	visivel = true;
	
	molduras.style.left = (!window.event) ? e.clientX + recuoX : e.clientX+parent.document.body.scrollLeft + 200;//recuoX - document.body.scrollLeft;
	molduras.style.top = (!window.event) ? e.clientY - recuoY + parent.document.body.scrollTop + 500: e.clientY+parent.document.body.scrollTop + 200;//recuoY - document.body.scrollTop;
}

function ocultaImagem() {
	molduras = parent.document.getElementById("moldura");
	molduras.style.display = "none";
	visivel = false;
}