// Swap Classes
function PositionMenu()
{
	HideMenu();
}

function HideMenu()
{
	var Col1 = document.getElementById('Col1');
	var Col2 = document.getElementById('Col2');
	var Col3 = document.getElementById('Col3');
	var Col4 = document.getElementById('Col4');
	
	Col1.className = 'ColHide';
	Col2.className = 'ColHide';
	Col3.className = 'ColHide';
	Col4.className = 'ColHide';
	
	HideCol1Sub();
	HideCol3Sub();
	HideCol4Sub();
}

// Main columns
function ShowCol1()
{
	var Col1 = document.getElementById('Col1');
	var Col2 = document.getElementById('Col2');
	var Col3 = document.getElementById('Col3');
	var Col4 = document.getElementById('Col4');
	
	Col2.className = 'ColHide';
	Col3.className = 'ColHide';
	Col4.className = 'ColHide';

	HideCol1Sub();
	HideCol3Sub();
	HideCol4Sub();

	Col1.className = 'ColShow';
	var BodyTable = document.getElementById('BodyTable');
	Col1.style.left = BodyTable.offsetLeft + 13 +"px";
	Col1.style.top = BodyTable.offsetTop + 133 +"px";
}

function ShowCol2()
{
	var Col1 = document.getElementById('Col1');
	var Col2 = document.getElementById('Col2');
	var Col3 = document.getElementById('Col3');
	var Col4 = document.getElementById('Col4');
	
	Col1.className = 'ColHide';
	Col3.className = 'ColHide';
	Col4.className = 'ColHide';

	HideCol1Sub();
	HideCol3Sub();
	HideCol4Sub();

	Col2.className = 'ColShow';
	var BodyTable = document.getElementById('BodyTable');
	Col2.style.left = BodyTable.offsetLeft + 158 +"px";
	Col2.style.top = BodyTable.offsetTop + 133 +"px";
}

function ShowCol3()
{
	var Col1 = document.getElementById('Col1');
	var Col2 = document.getElementById('Col2');
	var Col3 = document.getElementById('Col3');
	var Col4 = document.getElementById('Col4');
	
	Col1.className = 'ColHide';
	Col2.className = 'ColHide';
	Col4.className = 'ColHide';

	HideCol1Sub();
	HideCol3Sub();
	HideCol4Sub();

	Col3.className = 'ColShow';
	var BodyTable = document.getElementById('BodyTable');
	Col3.style.left = BodyTable.offsetLeft + 248 +"px";
	Col3.style.top = BodyTable.offsetTop + 133 +"px";
}

function ShowCol4()
{
	var Col1 = document.getElementById('Col1');
	var Col2 = document.getElementById('Col2');
	var Col3 = document.getElementById('Col3');
	var Col4 = document.getElementById('Col4');
	
	Col1.className = 'ColHide';
	Col2.className = 'ColHide';
	Col3.className = 'ColHide';

	HideCol1Sub();
	HideCol3Sub();
	HideCol4Sub();

	Col4.className = 'ColShow';
	var BodyTable = document.getElementById('BodyTable');
	Col4.style.left = BodyTable.offsetLeft + 374 +"px";
	Col4.style.top = BodyTable.offsetTop + 133 +"px";
}

// Sub Menu column 1
function HideCol1Sub()
{
	var Col1Sub1 = document.getElementById('Col1Sub1');
	
	Col1Sub1.className = 'ColHide';
}

function ShowCol1Sub1()
{
	var Col1Sub1 = document.getElementById('Col1Sub1');

	Col1Sub1.className = 'ColShow';
	var BodyTable = document.getElementById('BodyTable');
	Col1Sub1.style.left = BodyTable.offsetLeft + 110 +"px";
	Col1Sub1.style.top = BodyTable.offsetTop + 151 +"px";
}

// Sub Menu column 3
function HideCol3Sub()
{
	var Col3Sub1 = document.getElementById('Col3Sub1');
	var Col3Sub2 = document.getElementById('Col3Sub2');
	var Col3Sub3 = document.getElementById('Col3Sub3');
	
	Col3Sub1.className = 'ColHide';
	Col3Sub2.className = 'ColHide';
	Col3Sub3.className = 'ColHide';
}

function ShowCol3Sub1()
{
	var Col3Sub1 = document.getElementById('Col3Sub1');
	var Col3Sub2 = document.getElementById('Col3Sub2');
	var Col3Sub3 = document.getElementById('Col3Sub3');

	Col3Sub2.className = 'ColHide';
	Col3Sub3.className = 'ColHide';

	Col3Sub1.className = 'ColShow';
	var BodyTable = document.getElementById('BodyTable');
	Col3Sub1.style.left = BodyTable.offsetLeft + 430 +"px";
	Col3Sub1.style.top = BodyTable.offsetTop + 133 +"px";
}

function ShowCol3Sub2()
{
	var Col3Sub1 = document.getElementById('Col3Sub1');
	var Col3Sub2 = document.getElementById('Col3Sub2');
	var Col3Sub3 = document.getElementById('Col3Sub3');

	Col3Sub1.className = 'ColHide';
	Col3Sub3.className = 'ColHide';

	Col3Sub2.className = 'ColShow';
	var BodyTable = document.getElementById('BodyTable');
	Col3Sub2.style.left = BodyTable.offsetLeft + 430 +"px";
	Col3Sub2.style.top = BodyTable.offsetTop + 151 +"px";
}

function ShowCol3Sub3()
{
	var Col3Sub1 = document.getElementById('Col3Sub1');
	var Col3Sub2 = document.getElementById('Col3Sub2');
	var Col3Sub3 = document.getElementById('Col3Sub3');

	Col3Sub1.className = 'ColHide';
	Col3Sub2.className = 'ColHide';

	Col3Sub3.className = 'ColShow';
	var BodyTable = document.getElementById('BodyTable');
	Col3Sub3.style.left = BodyTable.offsetLeft + 430 +"px";
	Col3Sub3.style.top = BodyTable.offsetTop + 170 +"px";
}

// Sub Menu column 4
function HideCol4Sub()
{
	var Col4Sub1 = document.getElementById('Col4Sub1');
	var Col4Sub2 = document.getElementById('Col4Sub2');
	
	Col4Sub1.className = 'ColHide';
	Col4Sub2.className = 'ColHide';
}

function ShowCol4Sub1()
{
	var Col4Sub1 = document.getElementById('Col4Sub1');
	var Col4Sub2 = document.getElementById('Col4Sub2');

	Col4Sub2.className = 'ColHide';

	Col4Sub1.className = 'ColShow';
	var BodyTable = document.getElementById('BodyTable');
	Col4Sub1.style.left = BodyTable.offsetLeft + 523 +"px";
	Col4Sub1.style.top = BodyTable.offsetTop + 133 +"px";
}

function ShowCol4Sub2()
{
	var Col4Sub1 = document.getElementById('Col4Sub1');
	var Col4Sub2 = document.getElementById('Col4Sub2');

	Col4Sub1.className = 'ColHide';

	Col4Sub2.className = 'ColShow';
	var BodyTable = document.getElementById('BodyTable');
	Col4Sub2.style.left = BodyTable.offsetLeft + 523 +"px";
	Col4Sub2.style.top = BodyTable.offsetTop + 170 +"px";
}