var posx = 0;
var posy = 0;
document.onmousemove = mousepos; 

function mousepos(e){
	//if (!e) var e = window.event;
	var e=(!e)?window.event:e;//IE:Moz

	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
}
function administrar(id, accion){
	/*var posx = 0;
	var posy = 0;
	//if (!e) var e = window.event;
	var e=(!e)?window.event:e;//IE:Moz

	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}*/
	// posx and posy contain the mouse position relative to the document
	// Do something with this information
	
	// Main function to retrieve mouse x-y pos.s
	switch (accion){  
		case "mostrar":
			//alert(posy);
			document.getElementById('cuadro_'+id).style.top = (posy - 150)+"px"; 
			document.getElementById('cuadro_'+id).style.left = (posx - 150)+"px";
			document.getElementById('cuadro_'+id).style.visibility='visible';
			break;
		
   		case "ocultar":
			document.getElementById('cuadro_'+id).style.top = "0px"; 
			document.getElementById('cuadro_'+id).style.left = "0px"; 
			document.getElementById('cuadro_'+id).style.visibility='hidden';
   			break;
	}
}