var mostrandoImagen = false;
var enMostrarImagen = false;
var enOcultarImagen= false;
function mostrarImagen(toHide, imgUrl, w, h,top,left) {
	if (mostrandoImagen || enMostrarImagen) return false;
	enMostrarImagen = true;
	var oBox = $('mostrarImagenBox');
	var oImg = $('mostrarImagenImg');
	var oHide = $(toHide);

	oImg.src = imgUrl;
	oImg.width = w;
	oImg.height = h;
	document.body.appendChild(oBox);
	var bodyDims = Element.getDimensions(document.body);
	var toHideDims = Element.getDimensions(toHide);
	var boxDims = Element.getDimensions(oBox);
	oBox.style.left = parseInt(left)+"%";
	oBox.style.top = parseInt(top)+"px";
	var fAfterFinish = function () {
		mostrandoImagen = true;
	}
	new Effect.Fade(oHide, {duration: 0.1, from: 1.0, to: 0.3});
	new Effect.Appear(oBox, {duration: 0.1, afterFinish: fAfterFinish});
	enMostrarImagen = false;
	return false;
}

function ocultarImagen(toShow) {
	if (!mostrandoImagen || enOcultarImagen) return false;
	enOcultarImagen = true;
	var oBox = $('mostrarImagenBox');
	var oImg = $('mostrarImagenImg');
	var oShow = $(toShow);
	var fAfterFinish = function () {
		mostrandoImagen = false;
		oBox.style.display = 'none';
	}

	new Effect.Fade(oBox, {duration: 0.1});
	new Effect.Appear(oShow, {duration: 0.1, from: 0.6, to: 1.0, afterFinish: fAfterFinish});
	enOcultarImagen = false;
	oImg.src = '';
	return false;
}