window.onload = function() {
	var labels = document.getElementsByTagName('label');
	for (var i=0; i<labels.length; ++i) {
		var inp = labels[i].getElementsByTagName('input')[0];
		if (inp) {
			labels[i].className = inp.checked ? 'checkboxChecked' : 'checkboxUnChecked';
			inp.className = 'checkbox-hidden';
			if (inp.type == 'checkbox') {
				labels[i].onclick = checkboxClick;
			} else if (inp.type == 'radio') {
				labels[i].onclick = radioClick;
			}
		}
    };
};

function checkboxClick() {
	var inp = this.getElementsByTagName('input')[0];
	inp.checked = !inp.checked;
	this.className = inp.checked ? 'checkboxChecked' : 'checkboxUnChecked';
};

function radioClick() {
	var t_inp = this.getElementsByTagName('input')[0];
	if (!t_inp.checked) {
		t_inp.checked = true;
		var labels = document.getElementsByTagName('label');
		for (var i=0; i<labels.length; ++i) {
			var inp = labels[i].getElementsByTagName('input')[0];
			if (inp && inp.name == t_inp.name) {
				labels[i].className = inp.checked ? 'checkboxChecked' : 'checkboxUnChecked';
			}
		};
	}
};