var ydiff = 0;
var xdiff = 0;

var show_info = function(id,xoffset,yoffset)
{
	xdiff = xoffset;
	ydiff += yoffset;
	
	new Ajax.Updater(
		'event_display',
		'event_info/'+id,
		{
			onComplete:function()
			{
				Effect.Appear('event_display',{duration:.3});	
			}
		}
		);	
}

var hide_info = function()
{
	Effect.Fade('event_display',{duration:.3});
}

function do_follow(e)
{
	var xpos = Event.pointerX(e);
	var ypos = Event.pointerY(e);
	if($('event_display') && $('event_display').style.display=='none') 
	{
		$('event_display').style.top = ((ypos - ydiff) + 15) +'px';
		$('event_display').style.left = ((xpos - xdiff) + 15) +'px';
		$('event_display_shadow').style.top = ((ypos - ydiff) + 25) +'px';
		$('event_display_shadow').style.left = ((xpos - xdiff) + 25) +'px';
	}
}

Event.observe(document,'mousemove',do_follow,false);