function showTab1()
{
/* We know tab1 must exist, if it's been clicked */
document.getElementById("tab1Area").style.display = "block";
document.getElementById("tab1").className = "on";

/* For the rest of the tabs, we must first check if the tab exists */
if(document.getElementById("tab2")) { 	
		document.getElementById("tab2Area").style.display = "none";
		document.getElementById("tab2").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("tab3")) { 	
		document.getElementById("tab3Area").style.display = "none";
		document.getElementById("tab3").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("tab4")) { 	
		document.getElementById("tab4Area").style.display = "none";
		document.getElementById("tab4").className = "none";
		}
				
	else{return false;}

if(document.getElementById("tab5")) { 	
		document.getElementById("tab5Area").style.display = "none";
		document.getElementById("tab5").className = "none";
		}
		
		else{return false;}
}

function showTab2()
{
/* We know tab2 and any previous must exist, if it's been clicked */
document.getElementById("tab1Area").style.display = "none";
document.getElementById("tab1").className = "none";
document.getElementById("tab2Area").style.display = "block";
document.getElementById("tab2").className = "on";

/* For the rest of the tabs, we must first check if the tab exists */
if(document.getElementById("tab3")) { 	
		document.getElementById("tab3Area").style.display = "none";
		document.getElementById("tab3").className = "none";
		}	
		
	else{return false;}

if(document.getElementById("tab4")) { 	
		document.getElementById("tab4Area").style.display = "none";
		document.getElementById("tab4").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("tab5")) { 	
		document.getElementById("tab5Area").style.display = "none";
		document.getElementById("tab5").className = "none";
		}
		
		else{return false;}
}

function showTab3()
{
/* We know tab3 and any previous must exist, if it's been clicked */
document.getElementById("tab1Area").style.display = "none";
document.getElementById("tab1").className = "none";
document.getElementById("tab2Area").style.display = "none";
document.getElementById("tab2").className = "none";
document.getElementById("tab3Area").style.display = "block";
document.getElementById("tab3").className = "on";

/* For the rest of the tabs, we must first check if the tab exists */
if(document.getElementById("tab4")) { 	
		document.getElementById("tab4Area").style.display = "none";
		document.getElementById("tab4").className = "none";
		}
		
	else{return false;}

if(document.getElementById("tab5")) { 	
		document.getElementById("tab5Area").style.display = "none";
		document.getElementById("tab5").className = "none";
		}
		
		else {return false;}
}


function showTab4()
{
/* We know tab4 and any previous must exist, if it's been clicked */
document.getElementById("tab1Area").style.display = "none";
document.getElementById("tab1").className = "none";
document.getElementById("tab2Area").style.display = "none";
document.getElementById("tab2").className = "none";
document.getElementById("tab3Area").style.display = "none";
document.getElementById("tab3").className = "none";
document.getElementById("tab4Area").style.display = "block";
document.getElementById("tab4").className = "on";

/* For the rest of the tabs, we must first check if the tab exists */
if(document.getElementById("tab5")) { 	
		document.getElementById("tab5Area").style.display = "none";
		document.getElementById("tab5").className = "none";
		}
		
		else {return false;}
}

function showTab5()
{
/* We know tab5 and any previous must exist, if it's been clicked */
document.getElementById("tab1Area").style.display = "none";
document.getElementById("tab1").className = "none";
document.getElementById("tab2Area").style.display = "none";
document.getElementById("tab2").className = "none";
document.getElementById("tab3Area").style.display = "none";
document.getElementById("tab3").className = "none";
document.getElementById("tab4Area").style.display = "none";
document.getElementById("tab4").className = "none";
document.getElementById("tab5Area").style.display = "block";
document.getElementById("tab5").className = "on";
		
}


/* IF THERE ARE TWO SETS OF TABS ON ONE PAGE, USE THIS CODE */

function showTabA1()
{
/* We know tabA1 must exist, if it's been clicked */
document.getElementById("tabA1Area").style.display = "block";
document.getElementById("tabA1").className = "on";

/* For the rest of the tabs, we must first check if the tab exists */
if(document.getElementById("tabA2")) { 	
		document.getElementById("tabA2Area").style.display = "none";
		document.getElementById("tabA2").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("tabA3")) { 	
		document.getElementById("tabA3Area").style.display = "none";
		document.getElementById("tabA3").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("tabA4")) { 	
		document.getElementById("tabA4Area").style.display = "none";
		document.getElementById("tabA4").className = "none";
		}
				
	else{return false;}

if(document.getElementById("tabA5")) { 	
		document.getElementById("tabA5Area").style.display = "none";
		document.getElementById("tabA5").className = "none";
		}
		
		else{return false;}
}

function showTabA2()
{
/* We know tabA2 and any previous must exist, if it's been clicked */
document.getElementById("tabA1Area").style.display = "none";
document.getElementById("tabA1").className = "none";
document.getElementById("tabA2Area").style.display = "block";
document.getElementById("tabA2").className = "on";

/* For the rest of the tabs, we must first check if the tab exists */
if(document.getElementById("tabA3")) { 	
		document.getElementById("tabA3Area").style.display = "none";
		document.getElementById("tabA3").className = "none";
		}	
		
	else{return false;}

if(document.getElementById("tabA4")) { 	
		document.getElementById("tabA4Area").style.display = "none";
		document.getElementById("tabA4").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("tabA5")) { 	
		document.getElementById("tabA5Area").style.display = "none";
		document.getElementById("tabA5").className = "none";
		}
		
		else{return false;}
}

function showTabA3()
{
/* We know tabA3 and any previous must exist, if it's been clicked */
document.getElementById("tabA1Area").style.display = "none";
document.getElementById("tabA1").className = "none";
document.getElementById("tabA2Area").style.display = "none";
document.getElementById("tabA2").className = "none";
document.getElementById("tabA3Area").style.display = "block";
document.getElementById("tabA3").className = "on";

/* For the rest of the tabs, we must first check if the tab exists */
if(document.getElementById("tabA4")) { 	
		document.getElementById("tabA4Area").style.display = "none";
		document.getElementById("tabA4").className = "none";
		}
		
	else{return false;}

if(document.getElementById("tabA5")) { 	
		document.getElementById("tabA5Area").style.display = "none";
		document.getElementById("tabA5").className = "none";
		}
		
		else {return false;}
}


function showTabA4()
{
/* We know tabA4 and any previous must exist, if it's been clicked */
document.getElementById("tabA1Area").style.display = "none";
document.getElementById("tabA1").className = "none";
document.getElementById("tabA2Area").style.display = "none";
document.getElementById("tabA2").className = "none";
document.getElementById("tabA3Area").style.display = "none";
document.getElementById("tabA3").className = "none";
document.getElementById("tabA4Area").style.display = "block";
document.getElementById("tabA4").className = "on";

/* For the rest of the tabs, we must first check if the tab exists */
if(document.getElementById("tabA5")) { 	
		document.getElementById("tabA5Area").style.display = "none";
		document.getElementById("tabA5").className = "none";
		}
		
		else {return false;}
}

function showTabA5()
{
/* We know tabA5 and any previous must exist, if it's been clicked */
document.getElementById("tabA1Area").style.display = "none";
document.getElementById("tabA1").className = "none";
document.getElementById("tabA2Area").style.display = "none";
document.getElementById("tabA2").className = "none";
document.getElementById("tabA3Area").style.display = "none";
document.getElementById("tabA3").className = "none";
document.getElementById("tabA4Area").style.display = "none";
document.getElementById("tabA4").className = "none";
document.getElementById("tabA5Area").style.display = "block";
document.getElementById("tabA5").className = "on";
		
}



/*******************************************************************/

/* CODE FOR CONTENT SIDE TABS FOLLOWS */

/******************************************************************/

function showSideTabA1()
{
/* We know sidetabA1 must exist, if it's been clicked */
document.getElementById("sidetabA1Area").style.display = "block";
document.getElementById("sidetabA1").className = "on";

/* For the rest of the sidetabAs, we must first check if the sidetabA exists */
if(document.getElementById("sidetabA2")) { 	
		document.getElementById("sidetabA2Area").style.display = "none";
		document.getElementById("sidetabA2").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("sidetabA3")) { 	
		document.getElementById("sidetabA3Area").style.display = "none";
		document.getElementById("sidetabA3").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("sidetabA4")) { 	
		document.getElementById("sidetabA4Area").style.display = "none";
		document.getElementById("sidetabA4").className = "none";
		}
				
	else{return false;}

if(document.getElementById("sidetabA5")) { 	
		document.getElementById("sidetabA5Area").style.display = "none";
		document.getElementById("sidetabA5").className = "none";
		}
		
		else{return false;}
		
if(document.getElementById("sidetabA6")) { 	
		document.getElementById("sidetabA6Area").style.display = "none";
		document.getElementById("sidetabA6").className = "none";
		}
		
		else {return false;}
		
}





function showSideTabA2()
{
/* We know sidetabA2 and any previous must exist, if it's been clicked */
document.getElementById("sidetabA1Area").style.display = "none";
document.getElementById("sidetabA1").className = "none";
document.getElementById("sidetabA2Area").style.display = "block";
document.getElementById("sidetabA2").className = "on";

/* For the rest of the sidetabAs, we must first check if the sidetabA exists */
if(document.getElementById("sidetabA3")) { 	
		document.getElementById("sidetabA3Area").style.display = "none";
		document.getElementById("sidetabA3").className = "none";
		}	
		
	else{return false;}

if(document.getElementById("sidetabA4")) { 	
		document.getElementById("sidetabA4Area").style.display = "none";
		document.getElementById("sidetabA4").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("sidetabA5")) { 	
		document.getElementById("sidetabA5Area").style.display = "none";
		document.getElementById("sidetabA5").className = "none";
		}
		
		else{return false;}
		
if(document.getElementById("sidetabA6")) { 	
		document.getElementById("sidetabA6Area").style.display = "none";
		document.getElementById("sidetabA6").className = "none";
		}
		
		else {return false;}
		
}

function showSideTabA3()
{
/* We know sidetabA3 and any previous must exist, if it's been clicked */
document.getElementById("sidetabA1Area").style.display = "none";
document.getElementById("sidetabA1").className = "none";
document.getElementById("sidetabA2Area").style.display = "none";
document.getElementById("sidetabA2").className = "none";
document.getElementById("sidetabA3Area").style.display = "block";
document.getElementById("sidetabA3").className = "on";

/* For the rest of the sidetabAs, we must first check if the sidetabA exists */
if(document.getElementById("sidetabA4")) { 	
		document.getElementById("sidetabA4Area").style.display = "none";
		document.getElementById("sidetabA4").className = "none";
		}
		
	else{return false;}

if(document.getElementById("sidetabA5")) { 	
		document.getElementById("sidetabA5Area").style.display = "none";
		document.getElementById("sidetabA5").className = "none";
		}
		
		else {return false;}
		
if(document.getElementById("sidetabA6")) { 	
		document.getElementById("sidetabA6Area").style.display = "none";
		document.getElementById("sidetabA6").className = "none";
		}
		
		else {return false;}
		
}


function showSideTabA4()
{
/* We know sidetabA4 and any previous must exist, if it's been clicked */
document.getElementById("sidetabA1Area").style.display = "none";
document.getElementById("sidetabA1").className = "none";
document.getElementById("sidetabA2Area").style.display = "none";
document.getElementById("sidetabA2").className = "none";
document.getElementById("sidetabA3Area").style.display = "none";
document.getElementById("sidetabA3").className = "none";
document.getElementById("sidetabA4Area").style.display = "block";
document.getElementById("sidetabA4").className = "on";

/* For the rest of the sidetabAs, we must first check if the sidetabA exists */
if(document.getElementById("sidetabA5")) { 	
		document.getElementById("sidetabA5Area").style.display = "none";
		document.getElementById("sidetabA5").className = "none";
		}
		
		else {return false;}
		
if(document.getElementById("sidetabA6")) { 	
		document.getElementById("sidetabA6Area").style.display = "none";
		document.getElementById("sidetabA6").className = "none";
		}
		
		else {return false;}
		
}



function showSideTabA5()
{
/* We know sidetabA5 and any previous must exist, if it's been clicked */
document.getElementById("sidetabA1Area").style.display = "none";
document.getElementById("sidetabA1").className = "none";
document.getElementById("sidetabA2Area").style.display = "none";
document.getElementById("sidetabA2").className = "none";
document.getElementById("sidetabA3Area").style.display = "none";
document.getElementById("sidetabA3").className = "none";
document.getElementById("sidetabA4Area").style.display = "none";
document.getElementById("sidetabA4").className = "none";
document.getElementById("sidetabA5Area").style.display = "block";
document.getElementById("sidetabA5").className = "on";
		
		
if(document.getElementById("sidetabA6")) { 	
		document.getElementById("sidetabA6Area").style.display = "none";
		document.getElementById("sidetabA6").className = "none";
		}
		
		else {return false;}
		
}



function showSideTabA6()
{
/* We know sidetabA5 and any previous must exist, if it's been clicked */
document.getElementById("sidetabA1Area").style.display = "none";
document.getElementById("sidetabA1").className = "none";
document.getElementById("sidetabA2Area").style.display = "none";
document.getElementById("sidetabA2").className = "none";
document.getElementById("sidetabA3Area").style.display = "none";
document.getElementById("sidetabA3").className = "none";
document.getElementById("sidetabA4Area").style.display = "none";
document.getElementById("sidetabA4").className = "none";
document.getElementById("sidetabA5Area").style.display = "none";
document.getElementById("sidetabA5").className = "none";
document.getElementById("sidetabA6Area").style.display = "block";
document.getElementById("sidetabA6").className = "on";
		
}

/* 2nd Group */

function showSideTabB1()
{
/* We know sidetabB1 must exist, if it's been clicked */
document.getElementById("sidetabB1Area").style.display = "block";
document.getElementById("sidetabB1").className = "on";

/* For the rest of the sidetabBs, we must first check if the sidetabB exists */
if(document.getElementById("sidetabB2")) { 	
		document.getElementById("sidetabB2Area").style.display = "none";
		document.getElementById("sidetabB2").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("sidetabB3")) { 	
		document.getElementById("sidetabB3Area").style.display = "none";
		document.getElementById("sidetabB3").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("sidetabB4")) { 	
		document.getElementById("sidetabB4Area").style.display = "none";
		document.getElementById("sidetabB4").className = "none";
		}
				
	else{return false;}

if(document.getElementById("sidetabB5")) { 	
		document.getElementById("sidetabB5Area").style.display = "none";
		document.getElementById("sidetabB5").className = "none";
		}
		
		else{return false;}
}

function showSideTabB2()
{
/* We know sidetabB2 and any previous must exist, if it's been clicked */
document.getElementById("sidetabB1Area").style.display = "none";
document.getElementById("sidetabB1").className = "none";
document.getElementById("sidetabB2Area").style.display = "block";
document.getElementById("sidetabB2").className = "on";

/* For the rest of the sidetabBs, we must first check if the sidetabB exists */
if(document.getElementById("sidetabB3")) { 	
		document.getElementById("sidetabB3Area").style.display = "none";
		document.getElementById("sidetabB3").className = "none";
		}	
		
	else{return false;}

if(document.getElementById("sidetabB4")) { 	
		document.getElementById("sidetabB4Area").style.display = "none";
		document.getElementById("sidetabB4").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("sidetabB5")) { 	
		document.getElementById("sidetabB5Area").style.display = "none";
		document.getElementById("sidetabB5").className = "none";
		}
		
		else{return false;}
}

function showSideTabB3()
{
/* We know sidetabB3 and any previous must exist, if it's been clicked */
document.getElementById("sidetabB1Area").style.display = "none";
document.getElementById("sidetabB1").className = "none";
document.getElementById("sidetabB2Area").style.display = "none";
document.getElementById("sidetabB2").className = "none";
document.getElementById("sidetabB3Area").style.display = "block";
document.getElementById("sidetabB3").className = "on";

/* For the rest of the sidetabBs, we must first check if the sidetabB exists */
if(document.getElementById("sidetabB4")) { 	
		document.getElementById("sidetabB4Area").style.display = "none";
		document.getElementById("sidetabB4").className = "none";
		}
		
	else{return false;}

if(document.getElementById("sidetabB5")) { 	
		document.getElementById("sidetabB5Area").style.display = "none";
		document.getElementById("sidetabB5").className = "none";
		}
		
		else {return false;}
}


function showSideTabB4()
{
/* We know sidetabB4 and any previous must exist, if it's been clicked */
document.getElementById("sidetabB1Area").style.display = "none";
document.getElementById("sidetabB1").className = "none";
document.getElementById("sidetabB2Area").style.display = "none";
document.getElementById("sidetabB2").className = "none";
document.getElementById("sidetabB3Area").style.display = "none";
document.getElementById("sidetabB3").className = "none";
document.getElementById("sidetabB4Area").style.display = "block";
document.getElementById("sidetabB4").className = "on";

/* For the rest of the sidetabBs, we must first check if the sidetabB exists */
if(document.getElementById("sidetabB5")) { 	
		document.getElementById("sidetabB5Area").style.display = "none";
		document.getElementById("sidetabB5").className = "none";
		}
		
		else {return false;}
}

function showSideTabB5()
{
/* We know sidetabB5 and any previous must exist, if it's been clicked */
document.getElementById("sidetabB1Area").style.display = "none";
document.getElementById("sidetabB1").className = "none";
document.getElementById("sidetabB2Area").style.display = "none";
document.getElementById("sidetabB2").className = "none";
document.getElementById("sidetabB3Area").style.display = "none";
document.getElementById("sidetabB3").className = "none";
document.getElementById("sidetabB4Area").style.display = "none";
document.getElementById("sidetabB4").className = "none";
document.getElementById("sidetabB5Area").style.display = "block";
document.getElementById("sidetabB5").className = "on";
		
}

/* 3rd Group */

function showSideTabC1()
{
/* We know sidetabC1 must exist, if it's been clicked */
document.getElementById("sidetabC1Area").style.display = "block";
document.getElementById("sidetabC1").className = "on";

/* For the rest of the sidetabCs, we must first check if the sidetabC exists */
if(document.getElementById("sidetabC2")) { 	
		document.getElementById("sidetabC2Area").style.display = "none";
		document.getElementById("sidetabC2").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("sidetabC3")) { 	
		document.getElementById("sidetabC3Area").style.display = "none";
		document.getElementById("sidetabC3").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("sidetabC4")) { 	
		document.getElementById("sidetabC4Area").style.display = "none";
		document.getElementById("sidetabC4").className = "none";
		}
				
	else{return false;}

if(document.getElementById("sidetabC5")) { 	
		document.getElementById("sidetabC5Area").style.display = "none";
		document.getElementById("sidetabC5").className = "none";
		}
		
		else{return false;}
}

function showSideTabC2()
{
/* We know sidetabC2 and any previous must exist, if it's been clicked */
document.getElementById("sidetabC1Area").style.display = "none";
document.getElementById("sidetabC1").className = "none";
document.getElementById("sidetabC2Area").style.display = "block";
document.getElementById("sidetabC2").className = "on";

/* For the rest of the sidetabCs, we must first check if the sidetabC exists */
if(document.getElementById("sidetabC3")) { 	
		document.getElementById("sidetabC3Area").style.display = "none";
		document.getElementById("sidetabC3").className = "none";
		}	
		
	else{return false;}

if(document.getElementById("sidetabC4")) { 	
		document.getElementById("sidetabC4Area").style.display = "none";
		document.getElementById("sidetabC4").className = "none";
		}
		
	else{return false;}
	
if(document.getElementById("sidetabC5")) { 	
		document.getElementById("sidetabC5Area").style.display = "none";
		document.getElementById("sidetabC5").className = "none";
		}
		
		else{return false;}
}

function showSideTabC3()
{
/* We know sidetabC3 and any previous must exist, if it's been clicked */
document.getElementById("sidetabC1Area").style.display = "none";
document.getElementById("sidetabC1").className = "none";
document.getElementById("sidetabC2Area").style.display = "none";
document.getElementById("sidetabC2").className = "none";
document.getElementById("sidetabC3Area").style.display = "block";
document.getElementById("sidetabC3").className = "on";

/* For the rest of the sidetabCs, we must first check if the sidetabC exists */
if(document.getElementById("sidetabC4")) { 	
		document.getElementById("sidetabC4Area").style.display = "none";
		document.getElementById("sidetabC4").className = "none";
		}
		
	else{return false;}

if(document.getElementById("sidetabC5")) { 	
		document.getElementById("sidetabC5Area").style.display = "none";
		document.getElementById("sidetabC5").className = "none";
		}
		
		else {return false;}
}


function showSideTabC4()
{
/* We know sidetabC4 and any previous must exist, if it's been clicked */
document.getElementById("sidetabC1Area").style.display = "none";
document.getElementById("sidetabC1").className = "none";
document.getElementById("sidetabC2Area").style.display = "none";
document.getElementById("sidetabC2").className = "none";
document.getElementById("sidetabC3Area").style.display = "none";
document.getElementById("sidetabC3").className = "none";
document.getElementById("sidetabC4Area").style.display = "block";
document.getElementById("sidetabC4").className = "on";

/* For the rest of the sidetabCs, we must first check if the sidetabC exists */
if(document.getElementById("sidetabC5")) { 	
		document.getElementById("sidetabC5Area").style.display = "none";
		document.getElementById("sidetabC5").className = "none";
		}
		
		else {return false;}
}

function showSideTabC5()
{
/* We know sidetabC5 and any previous must exist, if it's been clicked */
document.getElementById("sidetabC1Area").style.display = "none";
document.getElementById("sidetabC1").className = "none";
document.getElementById("sidetabC2Area").style.display = "none";
document.getElementById("sidetabC2").className = "none";
document.getElementById("sidetabC3Area").style.display = "none";
document.getElementById("sidetabC3").className = "none";
document.getElementById("sidetabC4Area").style.display = "none";
document.getElementById("sidetabC4").className = "none";
document.getElementById("sidetabC5Area").style.display = "block";
document.getElementById("sidetabC5").className = "on";
		
}