// Loop through desired form and create arrays of all field types
// Requires form id
function getFormFields(form_id) {
	var form = document.getElementById(form_id);
	var input_array = form.getElementsByTagName("input");
	for (i=0; i<input_array.length; i++) {
		if (input_array[i].type == "submit" || input_array[i].type == "reset") {
			// do nothing
		} else {
			input_array[i].onfocus = function(){ onfocus_field(this); };
			input_array[i].onblur  = function(){ unfocus_field(this); };
		}
	}
	var textarea_array = form.getElementsByTagName("textarea");
	for (i=0; i<textarea_array.length; i++) {
		textarea_array[i].onfocus = function(){ onfocus_field(this); };
		textarea_array[i].onblur  = function(){ unfocus_field(this); };
	}
	var select_array = form.getElementsByTagName("select");
	for (i=0; i<textarea_array.length; i++) {
		select_array[i].onfocus = function(){ onfocus_field(this); };
		select_array[i].onblur  = function(){ unfocus_field(this); };
	}
}
// Focus - find parent <li> and change class
function onfocus_field(input) {
	var x = input.parentNode;
	while (x.tagName.toLowerCase() != "li") {
		x = x.parentNode;
	} 
	x.className="selected";
}
// Unfocus - find parent <li> and change class
function unfocus_field(input) {
	var x = input.parentNode;
	while (x.tagName.toLowerCase() != "li") {
		x = x.parentNode;
	} 
	x.className="";
}
