function HideMenu()
{
	var OverviewMenu = document.getElementById('OverviewMenu');
	var ExploreMenu = document.getElementById('ExploreMenu');
	var ShareMenu = document.getElementById('ShareMenu');
	var HowToMenu = document.getElementById('HowToMenu');

	OverviewMenu.className = 'OverviewMenuHide';
	ExploreMenu.className = 'ExploreMenuHide';
	ShareMenu.className = 'ShareMenuHide';
	HowToMenu.className = 'HowToMenuHide';
}

function ShowOverview()
{
	var OverviewMenu = document.getElementById('OverviewMenu');
	var ExploreMenu = document.getElementById('ExploreMenu');
	var ShareMenu = document.getElementById('ShareMenu');
	var HowToMenu = document.getElementById('HowToMenu');
	
	ExploreMenu.className = 'ExploreMenuHide';
	ShareMenu.className = 'ShareMenuHide';
	HowToMenu.className = 'HowToMenuHide';

	OverviewMenu.className = 'OverviewMenuShow';
	var BodyTable = document.getElementById('BodyTable');
	OverviewMenu.style.left = BodyTable.offsetLeft + 320 +"px";
	OverviewMenu.style.top = BodyTable.offsetTop + 125 +"px";
}

function ShowExplore()
{
	var OverviewMenu = document.getElementById('OverviewMenu');
	var ExploreMenu = document.getElementById('ExploreMenu');
	var ShareMenu = document.getElementById('ShareMenu');
	var HowToMenu = document.getElementById('HowToMenu');

	OverviewMenu.className = 'OverviewMenuHide';
	ShareMenu.className = 'ShareMenuHide';
	HowToMenu.className = 'HowToMenuHide';

	ExploreMenu.className = 'ExploreMenuShow';
	var BodyTable = document.getElementById('BodyTable');
	ExploreMenu.style.left = BodyTable.offsetLeft + 418 +"px";
	ExploreMenu.style.top = BodyTable.offsetTop + 125 +"px";
}

function ShowShare()
{
	var OverviewMenu = document.getElementById('OverviewMenu');
	var ExploreMenu = document.getElementById('ExploreMenu');
	var ShareMenu = document.getElementById('ShareMenu');
	var HowToMenu = document.getElementById('HowToMenu');
	
	OverviewMenu.className = 'OverviewMenuHide';
	ExploreMenu.className = 'ExploreMenuHide';
	HowToMenu.className = 'HowToMenuHide';

	ShareMenu.className = 'ShareMenuShow';
	var BodyTable = document.getElementById('BodyTable');
	ShareMenu.style.left = BodyTable.offsetLeft + 500 +"px";
	ShareMenu.style.top = BodyTable.offsetTop + 125 +"px";
}

function ShowHowTo()
{
	var OverviewMenu = document.getElementById('OverviewMenu');
	var ExploreMenu = document.getElementById('ExploreMenu');
	var ShareMenu = document.getElementById('ShareMenu');
	var HowToMenu = document.getElementById('HowToMenu');
	
	OverviewMenu.className = 'OverviewMenuHide';
	ExploreMenu.className = 'ExploreMenuHide';
	ShareMenu.className = 'ShareMenuHide';

	HowToMenu.className = 'HowToMenuShow';
	var BodyTable = document.getElementById('BodyTable');
	HowToMenu.style.left = BodyTable.offsetLeft + 570 +"px";
	HowToMenu.style.top = BodyTable.offsetTop + 125 +"px";
}

function PositionMenu()
{
	var OverviewMenu = document.getElementById('OverviewMenu');
	var ExploreMenu = document.getElementById('ExploreMenu');
	var ShareMenu = document.getElementById('ShareMenu');
	var HowToMenu = document.getElementById('HowToMenu');

	if(OverviewMenu.className == 'OverviewMenuShow')
	{
		ShowOverview();
	}
	
	if(ExploreMenu.className == 'ExploreMenuShow')
	{
		ShowExplore();
	}
	
	if(ShareMenu.className == 'ShareMenuShow')
	{
		ShowShare();
	}
	
	if(HowToMenu.className == 'HowToMenuShow')
	{
		ShowHowTo();
	}
	
}
