function toggleSubmit(sel) {
				var submit = document.getElementById('submit');
				var area = document.getElementById('jarea');
				var area2 = document.getElementById('jarea2');
				var area3 = document.getElementById('jarea3');
				var area4 = document.getElementById('jarea4');
				var area5 = document.getElementById('jarea5');
				var area6 = document.getElementById('jarea6');
				var area7 = document.getElementById('jarea7');
				var area8 = document.getElementById('jarea8');
				submit.value = (sel.options[sel.selectedIndex].value=="metric") ? 'Submit - Metric' : 'Submit - English';
				area.style.display = (submit.value == 'Submit - Metric') ? 'block' : 'none';
				area2.style.display = (submit.value == 'Submit - Metric') ? 'none' : 'block';
				area3.style.display = (submit.value == 'Submit - Metric') ? 'block' : 'none';
				area4.style.display = (submit.value == 'Submit - Metric') ? 'none' : 'block';
				area5.style.display = (submit.value == 'Submit - Metric') ? 'block' : 'none';
				area6.style.display = (submit.value == 'Submit - Metric') ? 'none' : 'block';
				area7.style.display = (submit.value == 'Submit - Metric') ? 'block' : 'none';
				area8.style.display = (submit.value == 'Submit - Metric') ? 'none' : 'block';
			}
			
			function toggleVisibility(controlId)
        	{
            	var control = document.getElementById(controlId);
            	if(control.style.visibility == "visible" || control.style.visibility == "")
                	control.style.visibility = "hidden";
            	else 
                	control.style.visibility = "visible";
            }