var inputs;
var imgFalse = 'kepek_oldal/oldal_felepites/tema_1/radio_kikapcsolva.png';
var imgTrue = 'kepek_oldal/oldal_felepites/tema_1/radio_bekapcsolva.png';

function init() {
  replaceradioboxes();
}

function replaceradioboxes() {
  inputs = document.getElementsByTagName('input');
  for(var i=0; i < inputs.length; i++) {
	if(inputs[i].getAttribute('type') == 'radio') {
	  var img = document.createElement('img');
	  if(inputs[i].checked) {
		img.src = imgTrue;
	  } else {
		img.src = imgFalse;
	  }
	  img.className = 'radio';
	  img.id = 'radioimage'+i;
	  img.onclick = new Function('radiochange('+i+')');
	  inputs[i].parentNode.insertBefore(img, inputs[i]);
	  inputs[i].style.display='none';
	}
  }
}

function radiochange(i) {
	
	inputs = document.getElementsByTagName('input');
	radiok = 0;
	for(var k=0; k < inputs.length; k++) {
		if(inputs[k].getAttribute('type') == 'radio') {
			radiok++
		}
	}
	for(var u=1; u < radiok+1; u++) {
		document.getElementById('radioimage'+u).src=imgFalse;
	}

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

window.onload = init;