//zmienne globalne, które mogą być wykorzystane przez wszystkich funkcji syn tej stronie.
var inputs;
var imgFalse = 'gify_site/chk_off.png';
var imgTrue = 'gify_site/chk_on.png';

//funkcja ta działa, gdy strona jest ładowana, umieścić wszystkie inne rzeczy onload tu zbyt.
function init() {
      replaceChecks();
}

function replaceChecks() {
      
      //uzyskać wszystkie pola na stronie
      inputs = document.getElementsByTagName('input');

      //cyklu koryta na pola
      for(var i=0; i < inputs.length; i++) {

            //sprawdzić, czy wejście jest pole wyboru
            if(inputs[i].getAttribute('type') == 'checkbox') {
                  
                  //utworzyć nowy obraz
                  var img = document.createElement('img');
                  
                  //sprawdzić, czy jest zaznaczone pole wyboru
                  if(inputs[i].checked) {
                        img.src = imgTrue;
                  } else {
                        img.src = imgFalse;
                  }

                  //ustawić obraz ID onclick i działania
                  img.id = 'checkImage'+i;
                  //zestaw obrazów
                  img.onclick = new Function('checkChange('+i+')');
                  //miejsce obrazu przed checkbox
                  inputs[i].parentNode.insertBefore(img, inputs[i]);
                  
                  //Ukryj pola
                  inputs[i].style.display='none';
            }
      }
}

//zmienić pole statusu i zastąpienie obrazu
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;
      }
}

window.onload = init;