// redhair needs help from a Javascript guru to merge these funtions together so that when you click "mark all", the images change as well.
// So feel up for it? Let me know when you cracked it :) http://submerged.nl.nu

var inputs;
var imgFalse = "styles/subMerged/imageset/false.gif";
var imgTrue = "styles/subMerged/imageset/true.gif";

function replaceChecks() 
{
	inputs = document.getElementsByTagName('input');
	for(var i=0; i < inputs.length; i++)
	{
		//Check it out
		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;
			img.onclick = new Function('checkChange('+i+')');
			inputs[i].parentNode.insertBefore(img, inputs[i]);
			inputs[i].style.display='none';
		}
	}
}

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;
	}
}

// Mark/unmark checkboxes
// id = ID of parent container, name = name prefix, state = state [true/false]
function marklist(id, name, state)
{
	var parent = document.getElementById(id);
	if (!parent)
	{
		eval('parent = document.' + id);
	}

	if (!parent)
	{
		return;
	}

	var rb = parent.getElementsByTagName('input');
	
	for (var r = 0; r < rb.length; r++)
	{
		if (rb[r].name.substr(0, name.length) == name)
		{
			rb[r].checked = state;
			
			
		}
	}
}