document.onload=prepare();
	
	function prepare(){
		document.write('<div id="tagHelp" class="auto_movable">&nbsp;</div>');
	}

	function showTagHelp(text){
		var tag=document.getElementById('tagHelp');
		tag.innerHTML=text;
		tag.style.display='block';
	}
	
	function hideTagHelp(){
		var tag=document.getElementById('tagHelp');
		tag.style.display='none';
	}

	//Si el navegador del cliente es Mozilla la variable siguiente valdrá true
	var moz = document.getElementById && !document.all;
	
	var difX=-10;
	var difY=-10;

	function moveHelp(e){
			dobj=document.getElementById('tagHelp');
			newLeft = moz ? e.clientX : event.clientX;
			newTop = moz ? e.clientY : event.clientY;
			
			if(isNaN(difX)) 	dobj.style.left = (newLeft - 10) + 'px';
						else 	dobj.style.left = (newLeft - difX) + 'px';
			
			if(isNaN(difY))		dobj.style.top = (newTop - 10) + 'px';
						else	dobj.style.top = (newTop - difY) + 'px';
			
	}

	document.onmousemove = moveHelp;
	
	function help(textHelp){
		document.getElementById('tagHelp').innerHTML=textHelp;
	}

/*
	//CSS
	.auto_movable{position:absolute;cursor:pointer;z-index:1}
	
	//HTML
	<div id="tagHelp" class="auto_movable" style="width:200px;height:20px;background-color:#0099cc"></div>
*/