if (document.getElementById || document.all)
{
	document.write('<div id="hoverimage" class="HoverImage" >');
	document.write('</div>');
}

function GetHoverImage()
{
    if (document.getElementById)
        return document.getElementById("hoverimage");
    else if (document.all)
        return document.all.trailimagid;
}

function GetHoverImageStyle()
{
    if (document.getElementById)
        return document.getElementById("hoverimage").style;
    else if (document.all)
        return document.all.trailimagid.style;
}

function TrueBody()
{
    return (!window.opera && document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body;
}

function ShowImage(i)
{
	document.onmousemove = FollowMouse;
	GetHoverImage().innerHTML = "<img alt=\"\" src=\"" + i + "\" border=\"0\" />";
	GetHoverImageStyle().display = "inline";
}

function ShowText(t)
{
	document.onmousemove = FollowMouse;
	GetHoverImage().innerHTML = "<div style=\"width: 200px;\">" + t + "</div>";
	GetHoverImageStyle().display = "inline";
}

function ShowImageText(i, t)
{
    document.onmousemove = FollowMouse;
    GetHoverImage().innerHTML = "<div style=\"text-align: center;\"><img alt=\"\" src=\"" + i + "\" border=\"0\" /><div style=\"width:350px;\">" + t + "</div></div>";
    GetHoverImageStyle().display = "inline";
}

function HideImage()
{
	GetHoverImage().innerHTML = " ";
	GetHoverImageStyle().display = "none";
	document.onmousemove = "";
	GetHoverImageStyle().left = "-1000px";
}

function FollowMouse(e)
{
	var xcoord = 15;
	var ycoord = 15;
	
	var docTop = document.body.scrollTop? document.body.scrollTop : document.documentElement.scrollTop;
	var docWidth = document.all? TrueBody().scrollLeft+TrueBody().clientWidth : pageXOffset + window.innerWidth - 15;
	var docHeight = document.all? Math.min(TrueBody().scrollHeight, TrueBody().clientHeight) : Math.min(window.innerHeight);

	if (typeof e != "undefined")
	{
	    xcoord += e.pageX;
	    ycoord += e.pageY;
	}
	else if (typeof window.event != "undefined")
	{
	    xcoord += TrueBody().scrollLeft + event.clientX;
	    ycoord += TrueBody().scrollTop + event.clientY;
	}
	
	if (ycoord < 0)
	    ycoord = ycoord * -1;
	
	var objBottom = ycoord + GetHoverImage().clientHeight;
	var docBottom = docHeight + docTop;
	
	if (objBottom > docBottom)
	    ycoord -= objBottom - docBottom;

	var objRight = xcoord + GetHoverImage().clientWidth;
	if (objRight > docWidth)
	    xcoord -= GetHoverImage().clientWidth + 30;
	
	GetHoverImageStyle().left = xcoord + "px";
	GetHoverImageStyle().top = ycoord + "px";
}