var inputs;
var imgFalse_check = 'Media/Images/Global/check_false.jpg';
var imgTrue_check = 'Media/Images/Global/check_true.jpg';
var imgFalse_radio = 'Media/Images/Global/radio_false.jpg';
var imgTrue_radio = 'Media/Images/Global/radio_true.jpg';
var _global = this;

function init() {
    replaceChecks();
}

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

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

        if(inputs[i].getAttribute('type') == 'checkbox'
		|| inputs[i].getAttribute('type') == 'radio') {
            
            var img = document.createElement('img');
            
	        img.id = 'checkImage'+i;
			//img.style.verticalAlign = "middle";
            if (inputs[i].getAttribute('type') == 'checkbox') {
				if(inputs[i].checked) {
					img.src = imgTrue_check;
				} else {
					img.src = imgFalse_check;
				}
				if(inputs[i].disabled==false)
					img.onclick = new Function('checkChange('+i+')');
			}
            if (inputs[i].getAttribute('type') == 'radio') {
				if(inputs[i].checked) {
					img.src = imgTrue_radio;
				} else {
					img.src = imgFalse_radio;
				}
				if(inputs[i].disabled==false)
					img.onclick = new Function('radioChange('+i+')');
				_global['checkImage'+i] = inputs[i].name;
			}
            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_check;
    } else {
        inputs[i].checked = 'checked';
        document.getElementById('checkImage'+i).src=imgTrue_check;
    }
}

function radioChange(i) {
    if(inputs[i].checked) {
        inputs[i].checked = '';
        document.getElementById('checkImage'+i).src=imgFalse_radio;
    } else {
        inputs[i].checked = 'checked';
        document.getElementById('checkImage'+i).src=imgTrue_radio;
    }
	radios = document.getElementsByName(_global['checkImage'+i]);
	for(var h = 0; h < radios.length; h++) {
        if(radios[h].getAttribute('type') == 'radio' && !(radios[h] == inputs[i])) {
			for (var j = 0; j < inputs.length ; j++) {
		    	if (inputs[j] == radios[h]) { document.getElementById('checkImage'+j).src=imgFalse_radio; }
			}
		}
	}
}

window.onload = init;