var currentSelectedTab = 0;
var vertCurrentSelectedTab = 0;

function selectTab(newSelectedTab,tabNames){
	if(newSelectedTab == currentSelectedTab) return;
	
	//Get the id of the current selected button and the separators and div
	var currentName = tabNames[currentSelectedTab];
	var currentTab = document.getElementById("TabMenu" + currentName);
	var currentBody = document.getElementById("TabBody" + currentName);
	currentTab.className = 'unselected';
	currentBody.style.display = 'none';
	var currentLeftSeparator;
	var currentRightSeparator;
	if(currentSelectedTab == 0){
		currentLeftSeparator = document.getElementById("TabSeparatorLeft"+currentName);
	}else{
		currentLeftSeparator = document.getElementById("TabSeparator"+tabNames[currentSelectedTab-1]+currentName);
	}
	if(currentSelectedTab == tabNames.length-1){
		currentRightSeparator = document.getElementById("TabSeparator"+currentName+"Right");
	}else{
		currentRightSeparator = document.getElementById("TabSeparator"+currentName+tabNames[currentSelectedTab+1]);
	}
	currentLeftSeparator.className = 'unselectedSeparator';
	currentRightSeparator.className = 'unselectedSeparator';
	
	//Now the new selected tabs
	var newName = tabNames[newSelectedTab];
	var newTab = document.getElementById("TabMenu" + newName);
	var newBody = document.getElementById("TabBody" + newName);
	newTab.className = 'selected';
	newBody.style.display = 'block';
	if(newSelectedTab == 0){
		document.getElementById("TabSeparatorLeft"+newName).className='selectedSeparator';
	}else{
		document.getElementById("TabSeparator"+tabNames[newSelectedTab-1]+newName).className='selectedToUnselectedSeparator';
	}
	if(newSelectedTab == tabNames.length-1){
		document.getElementById("TabSeparator"+newName+"Right").className='selectedSeparator';
	}else{
		document.getElementById("TabSeparator"+newName+tabNames[newSelectedTab+1]).className='selectedToUnselectedSeparator';
	}
	currentSelectedTab = newSelectedTab;
}

function vertSelectTab(newSelectedTab,tabNames){
	if(newSelectedTab == vertCurrentSelectedTab) return;
	
	//Get the id of the current selected button and the separators and div
	var currentName = tabNames[vertCurrentSelectedTab];
	var currentTab = document.getElementById("VertTabMenu" + currentName);
	var currentBody = document.getElementById("VertTabBody" + currentName);
	currentTab.className = 'unselected';
	currentBody.style.display = 'none';
	var currentLeftSeparator;
	var currentRightSeparator;
	if(vertCurrentSelectedTab == 0){
		currentLeftSeparator = document.getElementById("VertTabSeparatorLeft"+currentName);
	}else{
		currentLeftSeparator = document.getElementById("VertTabSeparator"+tabNames[vertCurrentSelectedTab-1]+currentName);
	}
	if(vertCurrentSelectedTab == tabNames.length-1){
		currentRightSeparator = document.getElementById("VertTabSeparator"+currentName+"Right");
	}else{
		currentRightSeparator = document.getElementById("VertTabSeparator"+currentName+tabNames[vertCurrentSelectedTab+1]);
	}
	currentLeftSeparator.className = 'unselectedSeparator';
	currentRightSeparator.className = 'unselectedSeparator';
	
	//Now the new selected tabs
	var newName = tabNames[newSelectedTab];
	var newTab = document.getElementById("VertTabMenu" + newName);
	var newBody = document.getElementById("VertTabBody" + newName);
	newTab.className = 'selected';
	newBody.style.display = 'block';
	if(newSelectedTab == 0){
		document.getElementById("VertTabSeparatorLeft"+newName).className='selectedSeparator';
	}else{
		document.getElementById("VertTabSeparator"+tabNames[newSelectedTab-1]+newName).className='selectedToUnselectedSeparator';
	}
	if(newSelectedTab == tabNames.length-1){
		document.getElementById("VertTabSeparator"+newName+"Right").className='selectedSeparator';
	}else{
		document.getElementById("VertTabSeparator"+newName+tabNames[newSelectedTab+1]).className='selectedToUnselectedSeparator';
	}
	vertCurrentSelectedTab = newSelectedTab;
}