showTip = function(pageElement, tipID, xOffset, yOffset)
{

	if (xOffset == undefined) { xOffset = 0; }
	if (yOffset == undefined) { yOffset = 0; }

	var tipBox = $("#" + tipID);

	var textWidth = pageElement.width();
	var textHeight = pageElement.height();
	var tipHeight = tipBox.height();

	var coordinates = pageElement.offset()

	var x = coordinates.left + textWidth + xOffset;
	var y = coordinates.top - (tipHeight / 2) + (textHeight / 2) + yOffset + 5;


	if (parent != self)
	{
		var contentCoordinates = parent.$("#content").offset();

		x += contentCoordinates.left;
		y += contentCoordinates.top;

		parent.$("#mainTipBox").html(tipBox.html());

		tipBox = parent.$("#mainTipBox");
	}

	tipBox.css("top", y);
	tipBox.css("left", x);

	tipBox.removeClass("hidden");
	tipBox.addClass("show");
}


hideTip = function(tipID)
{
	if (parent == self)
	{
		$("#" + tipID).addClass("hidden");
		$("#" + tipID).removeClass("show");
	}
	else
	{
		parent.$("#mainTipBox").addClass("hidden");
		parent.$("#mainTipBox").removeClass("show");;
	}
}