var CustomRadioButtons = {

    uncheckedImg: "/Files/Billeder/Icons/icon_radio1.gif",
    
    checkedImg: "/Files/Billeder/Icons/icon_radio2.gif",
    
    processClick: function(e)
    {                    
        var src = Event.element(e);
        var img = null;
        var radio = null;
        if (src.tagName == "INPUT") 
        {
            radio = src;
            img = src.nextSibling;
        }
        else
        {
            img = src;
            radio = src.previousSibling;  
        }        

        if (img.getAttribute("src") != CustomRadioButtons.checkedImg)
        {                        
            var radioGroup = $$('input[name="'+ radio.getAttribute("name") +'"]');
            var imgGroup = $$('img[name="'+ img.getAttribute("name") +'"]');
            var i;

            for (i = 0; i < radioGroup.length; i++)
            {
                radioGroup[i].removeAttribute("checked");
            }
            for (i = 0; i < imgGroup.length; i++)
            {
                imgGroup[i].setAttribute("src", CustomRadioButtons.uncheckedImg);
            }

            radio.setAttribute("checked", "checked");
            img.setAttribute("src", CustomRadioButtons.checkedImg);
        
            if (radio.onclick && Prototype.Browser.IE)
            {
                radio.onclick();
            }
        }
    },
    
    convert: function(curRadio)
    {
        curRadio = Element.extend(curRadio);        
        if (curRadio.getStyle("display") != "none")
        {            
            curRadio.setStyle({display: 'none'});
            var imageUrl = (curRadio.checked) ? CustomRadioButtons.checkedImg : CustomRadioButtons.uncheckedImg;       
            var imgToPaste = new Element('img', { 'src': imageUrl, 'align': 'absmiddle','class':'customRadio','name': curRadio.getAttribute("name") + "_img"});
            imgToPaste.observe('click', CustomRadioButtons.processClick );
            curRadio.observe('click', CustomRadioButtons.processClick );
            curRadio.insert({'after' : imgToPaste});
        }
        
    }
}


Event.observe(window, 'load', function() {            
    var radioButtons = $$('input[type="radio"]');
    for (var i = 0; i < radioButtons.length; i++)
       CustomRadioButtons.convert(radioButtons[i]);
});