var defaultValues = new Array();

var commentIndex;
for (i=0;i<document.getElementById('sp01').getElementsByTagName('input').length;i++) {
	//alert(document.getElementById('sp01').getElementsByTagName('input')[i].value);
	//add events to all radio buttons in div sp01
	addEvent(document.getElementById('sp01').getElementsByTagName('input')[i], 'focus', inputFocus, false);

	//add events to all radio buttons in div sp01
	addEvent(document.getElementById('sp01').getElementsByTagName('input')[i], 'blur', inputBlur, false);

	//add default values to array
	defaultValues.push(document.getElementById('sp01').getElementsByTagName('input')[i].value);
	commentIndex=i;
}

addEvent(document.getElementById('comment'), 'focus', inputFocusComment, false);
addEvent(document.getElementById('comment'), 'blur', inputBlurComment, false);
defaultValues.push(document.getElementById('comment').value);
commentIndex++;

//empty focused field if defaultvalue and reset color
function inputFocus(e) {
	//gets object that triggered the event
	if (e==null) e = window.event;
	var target = e.target != null ? e.target : e.srcElement;

	//get childnum
	var valueNumber;

	for (i=0;i<target.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('input').length;i++) {
		if (target == target.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('input')[i]) {
			valueNumber = i;
			break;
		}
	}

	//check if value is the defaultvalue
	if (target.value == defaultValues[valueNumber]) {
		target.value = "";
		target.style.color = "";
	}
}

function inputFocusComment(e) {
	if (document.forms[0].comment.value == defaultValues[commentIndex])
		document.forms[0].comment.value = "";
}

function inputBlur(e) {
	//gets object that triggered the event
	if (e==null) e = window.event;
	var target = e.target != null ? e.target : e.srcElement;

	//sets back defaultvalue if value is empty
	for (i=0;i<target.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('input').length;i++) {
		if (target == target.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('input')[i]) {
			if (target.value.replace(/ /g,"") == "") {
				target.value = defaultValues[i];
			}
		}
	}
}

function inputBlurComment(e) {
	if (document.forms[0].comment.value.replace(/ /g,"") == "") {
		document.forms[0].comment.value = defaultValues[commentIndex];
	}
}