window.onload = initAll;

function initAll() {
	var allViews1 = document.getElementById("view1").style;
	var allTab1   = document.getElementById("view1tab").style;

	allViews1.display = "block";
//	allTab1.backgroundColor   = "#000";

	var allLinks = document.getElementsByTagName("a");

	for (var i=0; i<allLinks.length; i++) {
		if (allLinks[i].className.indexOf("viewLink") > -1) {
			allLinks[i].onclick = toggleView;
		}
	}
//	new code here
	for (var i=0; i< document.forms.length; i++) {
		document.forms[i].onsubmit = function() {return validForm();}
	}
// end new code
}

function toggleView() {
	var startView = this.href.lastIndexOf("/")+1;
	var stopView = this.href.lastIndexOf(".");
	var thisViewName = this.href.substring(startView,stopView);
	var thisTab1 = this.href.substring(startView,stopView);
	var thisTabName = thisTab1+'tab';

	var allViews1 = document.getElementById("view1").style;
	var allTab1   = document.getElementById("view1tab").style;
	var allViews2 = document.getElementById("view2").style;
	var allTab2   = document.getElementById("view2tab").style;
	var allViews3 = document.getElementById("view3").style;
	var allTab3   = document.getElementById("view3tab").style;
	var allViews4 = document.getElementById("view4").style;
	var allTab4   = document.getElementById("view4tab").style;
	var allViews5 = document.getElementById("view5").style;
	var allTab5   = document.getElementById("view5tab").style;
	var allViews6 = document.getElementById("view6").style;
	var allTab6   = document.getElementById("view6tab").style;
	var allViews7 = document.getElementById("view7").style;
	var allTab7   = document.getElementById("view7tab").style;
	var allViews8 = document.getElementById("view8").style;
	var allTab8   = document.getElementById("view8tab").style;
	var allViews9 = document.getElementById("view9").style;
	var allTab9   = document.getElementById("view9tab").style;
	var allViews10 = document.getElementById("view10").style;
	var allTab10   = document.getElementById("view10tab").style;
	var allViews11 = document.getElementById("view11").style;
	var allTab11   = document.getElementById("view11tab").style;
	var allViews12 = document.getElementById("view12").style;
	var allTab12  = document.getElementById("view12tab").style;
	var thisView  = document.getElementById(thisViewName).style;
	var thisTab   = document.getElementById(thisTabName).style;
	
	allViews1.display = "none";
	allTab1.backgroundColor   = "";
	allViews2.display = "none";
	allTab2.backgroundColor   = "";
	allViews3.display = "none";
	allTab3.backgroundColor   = "";
	allViews4.display = "none";
	allTab4.backgroundColor   = "";
	allViews5.display = "none";
	allTab5.backgroundColor   = "";
	allViews6.display = "none";
	allTab6.backgroundColor   = "";
	allViews7.display = "none";
	allTab7.backgroundColor   = "";
	allViews8.display = "none";
	allTab8.backgroundColor   = "";
	allViews9.display = "none";
	allTab9.backgroundColor   = "";
	allViews10.display = "none";
	allTab10.backgroundColor   = "";
	allViews11.display = "none";
	allTab11.backgroundColor   = "";
	allViews12.display = "none";
	allTab12.backgroundColor   = "";
	
	thisView.display  = "block";
//	thisTab.backgroundColor   = "#211";
//	thisTab.backgroundImage   = "url(../Images/horiGrad50.png)";
//	thisTab.backgroundPosition   = "0px 0px";
	
	return false;
}
// new code here
function validForm() {
	var allGood = true;
	var allTags = document.getElementsByTagName("*");

	for (var i=0; i<allTags.length; i++) {
		if (!validTag(allTags[i])) {
			allGood = false;
		}
	}
	return allGood;

	function validTag(thisTag) {
		var outClass = "";
		var allClasses = thisTag.className.split(" ");
	
		for (var j=0; j<allClasses.length; j++) {
			outClass += validBasedOnClass(allClasses[j]) + " ";
		}
	
		thisTag.className = outClass;
	
		if (outClass.indexOf("invalid") > -1) {
			thisTag.focus();
			if (thisTag.nodeName == "INPUT") {
				thisTag.select();
			}
			return false;
		}
		return true;
		
		function validBasedOnClass(thisClass) {
			var classBack = "";
		
			switch(thisClass) {
				case "":
				case "invalid":
					break;
				case "reqd":
					if (allGood && thisTag.value == "") classBack = "invalid ";
					classBack += thisClass;
					document.getElementById("reqhead").className = "textRedBold";
					break;
				default:
					classBack += thisClass;
			}
			return classBack;
		}
	}
}
// end new code