var inputs;
var imgFalse = 'http://www.digitecinteractive.com/images/false.png';
var imgTrue = 'http://www.digitecinteractive.com/images/true.png';

function init() {
    replaceChecks();
    if(scrollTo && document.getElementById("login") != null) {
    	document.getElementById("login").scrollIntoView();
    }
}

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');
            
            img.src = inputs[i].checked ? imgTrue : imgFalse;

            img.id = 'checkImage'+i;
            img.onclick = new Function('checkChange('+i+', true)');
            inputs[i].parentNode.insertBefore(img, inputs[i]);
            
           	inputs[i].style.display='none';
        }
    }
}

//change the checkbox status and the replacement image
function checkChange(i, ripple) {
	inputs[i].click();
	document.getElementById('checkImage'+i).src = inputs[i].checked ? imgTrue : imgFalse;
}

window.onload = init;