ie = (document.all) ? true : false;
dom = (document.getElementById && !document.all) ? true : false;

var capaActiva = 0;

var anchoPantalla = document.body.offsetWidth;
var anchoMensaje;
//alert(anchoPantalla);

if(ie) msj = document.all["capaMensaje"];
if(dom) msj = document.getElementById("capaMensaje");

document.onmousemove = movimientoRaton;
document.onclick = esconderMensaje;

function mostrarMensaje(obj,txt) {
	if(txt!=null && txt!='null' && txt!='' && txt!=' ') {
		escribirCapa(txt);
		//msj.style.top = y + 10 + "px";
		//msj.style.left = x + 15 + "px";
		msj.style.visibility = "visible";
		anchoMensaje = msj.offsetWidth;
		capaActiva = 1;
	}
	obj.onmouseout = esconderMensaje;
}

function escribirCapa(txt) {
	if(ie) {
		document.all["capaMensaje"].innerHTML = txt;
	} else if(dom) {
		document.getElementById("capaMensaje").innerHTML = txt;
	}
}

function esconderMensaje() {
	capaActiva = 0;
	msj.style.visibility = "hidden";
	msj.style.left = -400 + 'px';
}

function movimientoRaton(e) {
	if(ie) {
		x = event.x + document.documentElement.scrollLeft;
		y = event.y + document.documentElement.scrollTop;
	} else if(dom) {
		x = e.clientX + document.documentElement.scrollLeft;
    y = e.clientY + document.documentElement.scrollTop;
	}
	
	if(capaActiva == 1) {
		msj.style.top = y + 10 + "px";
		msj.style.left = x + 15 + "px";
		if((x+15+anchoMensaje)>anchoPantalla) {
			msj.style.left = x - 5 - anchoMensaje + "px";
		}
		msj.style.visibility = "visible";
	}
}