<!--
function getElement(elementName) {
	if (document.getElementById) {
		element = document.getElementById(elementName);
	} else if (document.all) {
		element = document.all[elementName];
	} else {
		element = false;
	}
	return element;
}

function clearTextBox(inputBox, textString, cssClass) {
	if (inputBox) {
		if (!textString || inputBox.value == textString) {
			inputBox.value = '';
		}
		if (cssClass) {
			inputBox.className = cssClass;
		}
	}
	return true;
}

function setTextBox(inputBox, textString, cssClass) {
	if (inputBox) {
		if (inputBox.value == '') {
			inputBox.value = textString;
			if (cssClass) {
				inputBox.className = cssClass;
			}
		}
	}

	return true;
}

var sectionElementNames = ['welcome', 'cycletoschool', 'cycletowork', 'cycleroutes', 'jointoday'];
function mainTabSwitchElements(hoveredId) {
	// switch on/off the elements as required
	for (i in sectionElementNames) {
		elementName = sectionElementNames[i];
		tabElement = getElement(elementName);
		animatedBannerElement = getElement('animatedbanner-' + elementName);
		mainPageZoneElement = getElement('zoneinfo-' + elementName);
		gradientBarElements = ['headergradient-' + elementName, 'footergradient-' + elementName];
		if (animatedBannerElement) {
			if (hoveredId == elementName) {
				tabElement.className = 'active';
				mainPageZoneElement.style.display = 'block';
				animatedBannerElement.style.display = 'block';
				for (j in gradientBarElements) {
					gradientBarElementName = gradientBarElements[j];
					gradientBarElement = getElement(gradientBarElementName);
					if (gradientBarElement) {
						gradientBarElement.style.display = 'block';
					}
				}
			} else {
				tabElement.className = '';
				mainPageZoneElement.style.display = 'none';
				animatedBannerElement.style.display = 'none';
				for (j in gradientBarElements) {
					gradientBarElementName = gradientBarElements[j];
					gradientBarElement = getElement(gradientBarElementName);
					if (gradientBarElement) {
						gradientBarElement.style.display = 'none';
					}
				}
			}
		}
	}
}

function loadDefaultElements() {
	mainTabSwitchElements('welcome');
}

window.onload = loadDefaultElements;
//-->