var inputs;
var radFalse = 'fon/old_star_off.gif'
var radTrue = 'fon/old_star_on.gif'
var chkFalse = 'fon/chk_off_1.gif'
var chkTrue = 'fon/chk_on_1.gif'

//this function runs when the page is loaded, put all your other onload stuff in here too.
function init() {
replaceChecks();
}

function replaceChecks() {
count=0
while(document.getElementById("myinputs"+count)){
el=document.getElementById("myinputs"+count)

inputs = el.getElementsByTagName('input') //get all the input fields within current div

for(var i=0; i < inputs.length; i++){ //cycle through the input fields

if(inputs[i].getAttribute('type') == 'radio'){ // if the input is a radio button

newImg = document.createElement('IMG')
newImg.id = 'radImage'+i
newImg.i=i
newImg.onclick = function(){changeRads(this.i)}

if(inputs[i].checked){newImg.src = radTrue}
else{newImg.src = radFalse}


if(inputs[i].checked){
newImg.src = radTrue
lastInput=i
}
else{
newImg.src = radFalse
}
inputs[i].parentNode.insertBefore(newImg, inputs[i])
inputs[i].style.display='none'
}

if(inputs[i].getAttribute('type') == 'checkbox'){ // if the input is a checkbox

newImg = document.createElement('IMG')
newImg.id = 'chkImage'+i
newImg.i=i
newImg.onclick = function(){changeChks(this.i)}

if(inputs[i].checked){newImg.src = chkTrue}
else{newImg.src = chkFalse}

inputs[i].parentNode.insertBefore(newImg, inputs[i])
inputs[i].style.display='none'
}

}

count++
}

}

lastInput=0
function changeRads(i){
el=document.getElementById("myinputs0").getElementsByTagName('input')
el[i].checked=true
document.getElementById('radImage'+i).src=radTrue
if(lastInput != i){
document.getElementById('radImage'+lastInput).src=radFalse
}
lastInput = i
}

function changeChks(i){
el=document.getElementById("myinputs1").getElementsByTagName('input')
if(el[i].checked==true){
el[i].checked=false
document.getElementById('chkImage'+i).src=chkFalse
}
else{
el[i].checked=true
document.getElementById('chkImage'+i).src=chkTrue
}
}

function getValues(){
inputs = document.getElementsByTagName('input')
for(var i=0; i < inputs.length; i++){
if(inputs[i].checked){
alert(inputs[i].value+" is selected")
}
}
}
window.onload = init