function matchPosition(objID, refID, position)
{
	ref = document.getElementById(refID);
	obj = document.getElementById(objID);
	
	var refY = 0;
	var refX = 0;
	var count = 0;
	var refStack = ref;
	
	// Iterate through the target item's many potential parents to calculate position X and Y values
	
	do
	{
		refY += refStack.offsetTop;
		refX += refStack.offsetLeft;
	}
	while (refStack = refStack.offsetParent)
	
	switch (position)
	{
		case 'bottom left' :
		
			obj.style.left = refX;
			obj.style.top = refY + (ref.offsetHeight);
			break;

		case 'top center' :

			obj.style.left = refX - ((obj.offsetWidth - ref.offsetWidth) / 2);
			obj.style.top = refY + (ref.offsetHeight / 2);
			break;
			
		case 'bottom center' :

			obj.style.left = refX - ((obj.offsetWidth - ref.offsetWidth) / 2);
			obj.style.top = refY + (ref.offsetHeight) + 5;
			break;
			
		case 'bottom right' :

			obj.style.left = refX - (obj.offsetWidth - ref.offsetWidth);
			obj.style.top = refY + (ref.offsetHeight) + 5;
			break;
	}

	
	return;
}

function showAbout()
{
	aboutLink = document.getElementById('linkAbout');	
	aboutBox  = document.getElementById('aboutBox');
	
	matchPosition('aboutBox', 'linkAbout', 'bottom left');
	aboutBox.style.opacity = 1;
}
function hideAbout()
{
	aboutBox.style.opacity = 0;
}