function getX( element ) {
	var returnVal = 0;
	
	while( element != null ) {
		returnVal += element.offsetLeft;
		element = element.offsetParent;
	}
	return returnVal;
}
function getY( element ) {
	var returnVal = 0;
	
	while( element != null ) {
		returnVal += element.offsetTop;
		element = element.offsetParent;
	}
	return returnVal;
}

function openDiv( elementId ) {
	var element = document.getElementById( elementId );
	element.style.display = 'inline';
}
function closeDiv( elementId ) {
	var element = document.getElementById( elementId );
	element.style.display = 'none';
}

function selectMenu( menuName ) {
	var menuLink = document.getElementById( menuName );
	var subMenuId = menuName + "SubMenu";
	var subMenu = document.getElementById( subMenuId );
	
	var xPos = getX( menuLink );
	var yPos = getY( menuLink ) + 20;
	
	if ( subMenu ) {
		subMenu.style.top = yPos;
		subMenu.style.left = xPos;
		subMenu.style.display = 'inline';
	}
	
	menuLink.className = 'navLinkSelected';
}
function deselectMenu( menuName ) {
	var menuLink = document.getElementById( menuName );
	var subMenuId = menuName + "SubMenu";
	var subMenu = document.getElementById( subMenuId );
	
	if ( subMenu ) {
		subMenu.style.display = 'none';
	}
	
	menuLink.className = 'navLink';
}

function setLinkImage( imgId, mouseOver ) {

	var outImg = document.getElementById( imgId + '-out' );
	var overImg = document.getElementById( imgId + '-over' );
		
	if ( mouseOver ) {
		outImg.style.display = 'none';
		overImg.style.display = 'inline';
	} else {
		outImg.style.display = 'inline';
		overImg.style.display = 'none';
	}
}