var inputs;
var imgFalse = 'false.gif';
var imgTrue = 'true.gif';

function init() {
	replaceChecks();
}

function replaceChecks() {
	
	inputs = document.getElementsByTagName('input');

	for(var i=0; i < inputs.length; i++) {

		if(inputs[i].getAttribute('type') == 'checkbox') {
			
			var img = document.createElement('img');
			
			if(inputs[i].checked) {
				img.src = imgTrue;
			} else {
				img.src = imgFalse;
			}

			img.id = 'checkImage'+i;
			//set image 
			img.onclick = new Function('checkChange('+i+')');
			//place image in front of the checkbox
			inputs[i].parentNode.insertBefore(img, inputs[i]);
			
			//hide the checkbox
			inputs[i].style.display='none';
		}
	}
}

function resetChecks()
{
	inputs = document.getElementsByTagName('input');

	for(var i=0; i < inputs.length; i++)
	{
		if(inputs[i].getAttribute('type') == 'checkbox')
		{
			if(inputs[i].checked)
			{
				document.getElementById('checkImage'+i).src = imgTrue;
			}
			else
			{
				document.getElementById('checkImage'+i).src = imgFalse;
			}	
		}
	}	
}

function checkChange(i) {

	if(inputs[i].checked) {
		inputs[i].checked = '';
		document.getElementById('checkImage'+i).src=imgFalse;
	} else {
		inputs[i].checked = 'checked';
		document.getElementById('checkImage'+i).src=imgTrue;
	}
}

window.onload = init;