jQuery(document).ready(function(){
 
jQuery(".niceRadio").each(
/* при загрузке страницы меняем обычные на стильные radio */
function() {
      
     changeRadioStart(jQuery(this));
    
});
 
 
});
 
function changeRadio(el)
/* 
    функция смены вида и значения radio при клике на контейнер
*/
{
 
    var el = el,
        input = el.find("input").eq(0);
    var nm=input.attr("name");
    jQuery(".niceRadio input").each(
    function() {
      
        if(jQuery(this).attr("name")==nm)
        {
            jQuery(this).parent().removeClass("radioChecked");
        }
        
        
    });                   
     
     
    if(el.attr("class").indexOf("niceRadioDisabled")==-1)
    {   
        el.addClass("radioChecked");
        input.attr("checked", true);
    }
     
    return true;
}
 
function changeVisualRadio(input)
{
/*
    меняем вид radio при смене значения
*/
    var wrapInput = input.parent();
    var nm=input.attr("name");
         
    jQuery(".niceRadio input").each(
     
    function() {
      
        if(jQuery(this).attr("name")==nm)
        {
            jQuery(this).parent().removeClass("radioChecked");
        }
        
        
    });
 
    if(input.attr("checked")) 
    {
        wrapInput.addClass("radioChecked");
    }
}
 
function changeRadioStart(el)
/* 
    новый контрол выглядит так <span class="niceRadio"><input type="radio" name="[name radio]" id="[id radio]" [checked="checked"] /></span>
    новый контрол получает теже name, id и другие атрибуты что и были у обычного
*/
{
 
try
{
var el = el,
    radioName = el.attr("name"),
    radioId = el.attr("id"),
    radioChecked = el.attr("checked"),
    radioDisabled = el.attr("disabled"),
    radioTab = el.attr("tabindex"),
    radioValue = el.attr("value");
    if(radioChecked)
        el.after("<span class='niceRadio radioChecked'>"+
            "<input type='radio'"+
            "name='"+radioName+"'"+
            "id='"+radioId+"'"+
            "checked='"+radioChecked+"'"+
            "tabindex='"+radioTab+"'"+
            "value='"+radioValue+"' /></span>");
    else
        el.after("<span class='niceRadio'>"+
            "<input type='radio'"+
            "name='"+radioName+"'"+
            "id='"+radioId+"'"+
            "tabindex='"+radioTab+"'"+
            "value='"+radioValue+"' /></span>");

    /* если контрол disabled - добавляем соответсвующий класс для нужного вида и добавляем атрибут disabled для вложенного radio */    
    if(radioDisabled)
    {
        el.next().addClass("niceRadioDisabled");
        el.next().find("input").eq(0).attr("disabled","disabled");
    }
  
    /* цепляем обработчики стилизированным radio */    
    el.next().bind("mousedown", function(e) { changeRadio(jQuery(this)) });
    if(jQuery.browser.msie) el.next().find("input").eq(0).bind("click", function(e) { changeVisualRadio(jQuery(this)) });   
    else el.next().find("input").eq(0).bind("change", function(e) { changeVisualRadio(jQuery(this)) });
    el.remove();
}
catch(e)
{
    // если ошибка, ничего не делаем
}
    return true;
}