// JavaScript Document

function setDisplay(objectID,state) {
	var object = document.getElementById(objectID);
	object.style.display = state;
}

function toggleDisplay(objectID) {
	var object = document.getElementById(objectID);
	state = object.style.display;
	if (state == 'none')
		object.style.display = 'block';
	else if (state != 'none')
		object.style.display = 'none'; 
}
function cl(t){
	if (t.defaultValue==t.value)
		t.value = '';
}
function change(objectID, newClass) {
	var object = document.getElementById(objectID);
	object.className = newClass;
	}


function limitText(limitField, limitCount, limitNum) {
	if (limitField.value.length > limitNum) {
		limitField.value = limitField.value.substring(0, limitNum);
	} else {
		limitCount.value = limitNum - limitField.value.length;
	}
}

// use this for selecting checkboxes, the cbox is the DOM identifier

function changeBox(cbox) {
box = eval(cbox);
box.checked = !box.checked;
}

// use this for radio buttons, name of id goes in (el)

function changeRadio(el) {
el.checked = true;
return true;
}

// use to move from field to field

function moveOnMax(field,nextFieldID){
  if(field.value.length >= field.maxLength){
    document.getElementById(nextFieldID).focus();
  }
}


// ------------------------- use example ------------------------ 

// <input type="text" id="testfield" maxlength=10 onkeyup="moveOnMax(this,'nextID')"/>
// <input type="text" id="nextID" maxlength=10 onkeyup="moveOnMax(this,'testfield')"/>