//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;"><img src="images/logotipo.jpg" id="imagem" onmouseover="document.getElementById(\'moldura\').style.display = \'block\';" onmouseout="document.getElementById(\'moldura\').style.display = \'none\';"></div>');

var visivel = false;
var recuoX
var recuoY


function mostraImagem(imagem,largura,altura,recuoXX,recuoYY) {
	recuoX = recuoXX;
	recuoY = recuoYY;

	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;
}

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

function moveQuadro(e) {
	if (!e) {
		e = window.event;
	}
	
	if(visivel) {
		var molduras = parent.document.getElementById("moldura");
		molduras.style.left =  (typeof e != "undefined") ? recuoX + e.clientX : recuoX + event.clientX + document.body.scrollLeft;
		molduras.style.top = recuoY + (typeof e != "undefined") ? recuoY + e.clientY : recuoY + event.clientY + document.body.scrollTop;
	}
}

document.onmousemove = moveQuadro;