// JavaScript Document

sfFocus = function() {
	var sfEls = document.getElementsByTagName("INPUT");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onfocus=function() {
			this.className+=" sffocus";
		}
		sfEls[i].onblur=function() {
			this.className=this.className.replace(new RegExp(" sffocus\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfFocus);

// On form - to go from step 1 to step 2
function showStep2() {
	var step1 = document.getElementById("step1");
	var step2 = document.getElementById("step2");
	var header = document.getElementById("form_header");
	var program = document.getElementById("program");
	
	if (program.value == "-1" || program.value == "0") {
		alert("Please choose a program.");
	} else {
		step1.style.display = "none";
		step2.style.display = "block";
		header.style.backgroundPosition = "top left";
	}
	
	return false;
}

animatedcollapse.addDiv('step2', 'fade=1,height=auto')
animatedcollapse.init()

function checkOptGroups(programs)
{
	var elements = programs.childNodes;
	for (i = 0; i < elements.length; i++) 
	{
		var loop = true;
		while (loop && i < elements.length && elements[i].tagName == 'OPTGROUP')
		{
			var oChildren = elements[i].getElementsByTagName('option');
			if (oChildren.length == 0)
				programs.removeChild(programs.childNodes[i]);
			else
				loop = false;
		}
	}
}
animatedcollapse.addDiv('default', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p1', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p2', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p3', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p4', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p5', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p6', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p7', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p8', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p9', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p10', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p11', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p12', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p13', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p14', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p15', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p16', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p17', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p18', 'fade=1,height=auto,group=programs')
animatedcollapse.init() 
animatedcollapse.addDiv('p19', 'fade=1,height=auto,group=programs')
animatedcollapse.init()
animatedcollapse.addDiv('p20', 'fade=1,height=auto,group=programs')
animatedcollapse.init()