var ImgDir = "img/";
var imgOn = ImgDir+"radio_on.gif"
var imgOff = ImgDir+"radio_off.gif"
/*
function ImgRadio(inputId) {
    this.imgOn   = ImgDir + imgOn
    this.imgOff  = ImgDir + imgOff
    this.image   = document.getElementById("img"+inputId)
    this.input   = document.getElementById(inputId)

    this.preload_imgOn      = new Image()
    this.preload_imgOn.src  = imgOn
    this.preload_imgOff     = new Image()
    this.preload_imgOff.src = imgOff

    this.input.style.display = "none-"
    this.image.style.display = "inline"
    
    this.setState(this.input.checked)
}

ImgRadio.prototype.setState = function(state) {
    this.input.checked     = state
    this.image.src   = state ? this.imgOn : this.imgOff
}

ImgRadio.prototype.flip = function() {
    this.setState(!this.input.checked)
}

*/

function displayRadios(formID)
{
   var Images = new Array();
   var form  = document.getElementById(formID);
   var str="";
   
   for (var i=0; i<form.elements.length; i++)
   {
        if (form.elements[i].type == 'radio')
        {
            form.elements[i].style.display = "none";
            var imgID = "img"+form.elements[i].id;
            
            Images[imgID] = document.getElementById( imgID );
            Images[imgID].src = (form.elements[i].checked) ? imgOn : imgOff;
        }
        //alert(form.elements[i].id);
   }
   //alert(str)
}

function change(formID, radioID)
{
   document.getElementById(radioID).checked = true;
   displayRadios(formID);
}