function showTab (tabNum) {
	
	// Build Tab and Content ID's based on the tab number
	var tabID = 'tab' + tabNum;
	var contentID = tabNum;

	// Get the TD object based on the tabID
	objTD = document.getElementById(tabID);
	
	// If the object exists
	if (objTD) {
		var tdObj = document.getElementsByTagName('td');
		for (var i = 0; i < tdObj.length; i++) {
			if (tdObj[i].className.indexOf("Tab") >= 0 ) tdObj[i].className='Tab';
		}
	
		// Show wanted tab as selected
		objTD.className = 'TabSelected';
	
		
		// Scan for all DIV objects on page that contain the classname TabContent and hide them
		var divObj = document.getElementsByTagName('div');
		for (var i = 0; i < divObj.length; i++) {
			if (divObj[i].className.indexOf("TabContent") >= 0 ) divObj[i].className='TabContentHide';
		}
		
		// Show wanted content DIV
		contentObj = document.getElementById(contentID);
		if ( typeof contentObj != "undefined" && contentObj != null ) contentObj.className='TabContent';
	}
}

function BuildTabs() {
	
	// Scan for all TD objects on page that contain the classname Tab
	var tdObj = document.getElementsByTagName('TD');
	var cnt = 0;
	for (var i = 0; i < tdObj.length; i++) {
		if (tdObj[i].className.indexOf("Tab") >= 0) {
			// Display first one
			cnt+= 1;
			if (cnt == 1) tdObj[i].className='TabSelected';
		}
	}
		
	// Scan for all DIV objects on page that contain the classname TabContent
	var divObj = document.getElementsByTagName('div');
	var cnt = 0;
	for (var i = 0; i < divObj.length; i++) {
		
		if (divObj[i].className.indexOf("TabContent") >= 0) {
		
			// Hide it
			divObj[i].className='TabContentHide';			
			
			// Display first one
			cnt+= 1;
			if (cnt == 1) divObj[i].className='TabContent';
		}
	}

	// If URL has a hash value then assume it contains the ID of the tab you wish to display
	locationHash = window.location.hash;
	if (locationHash.length > 0) showTab(locationHash.substring(1));
}

window.onload = BuildTabs;