var clickedButton = "";
// JavaScript for questionnaire buttons
function OdinButtonClick(event, button) {
	clickedButton = button.id.substring(10, button.id.length);
	button.className = getNonDefaultClasses(button.className, button.id) + 'odinbutton odinbuttonclicked ' + button.id + ' ' + button.id + 'clicked';
}
function OdinButtonMouseDown(event, button) {
}
function OdinButtonMouseUp(event, button) {
	button.className = getNonDefaultClasses(button.className, button.id) + 'odinbutton odinbuttonnormal ' + button.id + ' ' + button.id + 'normal';
}
function OdinButtonMouseOver(event, button) {
	button.className = getNonDefaultClasses(button.className, button.id) + 'odinbutton odinbuttonhovered ' + button.id + ' ' + button.id + 'hovered';
}
function OdinButtonMouseOut(event, button) {
	button.className = getNonDefaultClasses(button.className, button.id) + 'odinbutton odinbuttonnormal ' + button.id + ' ' + button.id + 'normal';
}
function OdinButtonFocus(event, button) {
	button.className = getNonDefaultClasses(button.className, button.id) + 'odinbutton odinbuttonfocused ' + button.id + ' ' + button.id + 'focused';
}
function OdinButtonBlur(event, button) {
	button.className = getNonDefaultClasses(button.className, button.id) + 'odinbutton odinbuttonnormal ' + button.id + ' ' + button.id + 'normal';
}
function getNonDefaultClasses(classStr, id) {
	var classes = classStr.split(" ");
	var result = "";
	if (classes !== null && classes !== undefined) {
		for (var key in classes) {
			var prefix = "";
			for (var i = 0;i < 2; ++i) {
				if (i == 0) {
					prefix = id;
				} else if (i == 1) {
					prefix = "odinbutton";
				}
				if (classes[key] === prefix + "normal" ||
					classes[key] === prefix + "hovered" ||
					classes[key] === prefix + "focused" ||
					classes[key] === prefix + "clicked" ||
					classes[key] === prefix) {
					break;
				} else if (i == 1) {
					result += (classes[key] + " ");
					break;
				}
			}
		}
	}
	return result;
}