image_radio=new Array('./images/buttons/radio-d.gif','./images/buttons/radio-u.gif');
image_check=new Array('./images/buttons/check-d.gif','./images/buttons/check-u.gif');
function vytvorButtony() {
  var els=document.getElementsByTagName("input");
  for(var i=0; i < els.length; i++) {
    if(els[i].type=='checkbox'||els[i].type=='radio'){
      els[i].style.display='none';
      var img = document.createElement("img");
      img.style.verticalAlign="middle";
      img.p_image=(els[i].type=='radio'?image_radio:image_check);
      img.src=(els[i].checked?img.p_image[1]:img.p_image[0]);
      img.title=(els[i].checked?'on':'off');
      els[i].parentNode.insertBefore(img, els[i]);
    }
    if(els[i].type=='checkbox'){
      img.onclick=zmenCheck;els[i].nextSibling.onclick=zmenCheck;
      if(els[i].nextSibling.tagName=='LABEL')els[i].nextSibling.onclick=zmenCheck;
    }
    if(els[i].type=='radio'){
      img.onclick=zmenRadio;img.zmen=zmenCheck;
      if(els[i].nextSibling.tagName=='LABEL')els[i].nextSibling.onclick=zmenRadio;
    }
  }
}
function zmenRadio(){
  if(this.tagName=='LABEL')this.previousSibling.previousSibling.onclick();
  else{
  var els=document.getElementsByTagName("input");
  for(var i=0; i < els.length; i++)
    if (els[i].type=='radio' && els[i].name==this.nextSibling.name && els[i].checked)
      els[i].previousSibling.zmen();
    this.zmen();
  }
}

function zmenCheck() {
  if(this.tagName=='LABEL')this.previousSibling.previousSibling.zmenCheck();
  else
  if(this.title == 'on'){this.src=this.p_image[0];this.title='off';this.nextSibling.checked=false;}
  else{this.src=this.p_image[1];this.title='on';this.nextSibling.checked=true;}
}