/*
 * REQUIRES scriptaculous.js to be included before this file is included
 *
 * Handles the content hover content display windows displayed
 * when the mouse hovers over a specified link
 */

function contentShow(content)
{
	$(content).style.left = (pMouseX + 10) + 'px';
	$(content).style.top = (pMouseY + 5) + 'px';
    $(content).style.display = "block";

	//new Effect.Appear(content, {queue:'end', duration: 0.4});
	//new Effect.SlideDown(content, {queue:'end', duration: 0.3});
	//new Effect.Grow(content, {queue:'end', duration: 0.3});
}

function contentHide(content)
{
	$(content).style.display = "none";
	//Effect.Fade(content, {queue:'end', duration: 0.4});
	//Effect.SlideUp(content, {queue:'end', duration: 0.3});
	//new Effect.Shrink(content, {queue:'end', duration: 0.3});
}

// Main function to retrieve mouse x-y pos.s
function getMouseXY(e)
{
	pMouseX = Event.pointerX(e);
	pMouseY = Event.pointerY(e);
}

Event.observe(window, "mousemove", getMouseXY);

// hold mouse x-y pos
var pMouseX = 0;
var pMouseY = 0;