var yPos, xPos;

function getX(obj)
{
   return(obj.offsetParent==null ? obj.offsetLeft : obj.offsetLeft+getX(obj.offsetParent) );
}

function getY(obj)
{
   return(obj.offsetParent==null ? obj.offsetTop : obj.offsetTop+getY(obj.offsetParent) );
}

function clearAllSubs()
{
	if (document.getElementById)
	{
		document.getElementById('myBodyNavSub').style.display = 'none';
			document.getElementById('myBodyNavParent').style.backgroundColor = '#e6f0c3';
		document.getElementById('myFeelingsNavSub').style.display = 'none';
			document.getElementById('myFeelingsNavParent').style.backgroundColor = '#e6f0c3';
		document.getElementById('myInterestsNavSub').style.display = 'none';
			document.getElementById('myInterestsNavParent').style.backgroundColor = '#e6f0c3';
		document.getElementById('growUpNavSub').style.display = 'none';
			document.getElementById('growUpNavParent').style.backgroundColor = '#e6f0c3';
		document.getElementById('fromDocNavSub').style.display = 'none';
			document.getElementById('fromDocNavParent').style.backgroundColor = '#e6f0c3';
		document.getElementById('aboutUsNavSub').style.display = 'none';
			document.getElementById('aboutUsNavParent').style.backgroundColor = '#e6f0c3';
	}
}

function subNav(what,off)
{
	if (document.getElementById)
	{
		clearAllSubs();
		
		if (!off)
		{
			document.getElementById(what + 'Parent').style.backgroundColor = '#c0ca95';
		
			yPos = document.getElementById(what + 'Parent').offsetHeight;
			xPos = getX(document.getElementById(what + 'Parent'));
			
			document.getElementById(what + 'Sub').style.top = (yPos) + 'px';
			document.getElementById(what + 'Sub').style.left = (xPos) + 'px';
			
			document.getElementById(what + 'Sub').style.display = 'block';
		}
	}
}