jQuery(document).ready(function(){

    jQuery(".niceRadio").each(
        /* при загрузке страницы меняем обычные на стильные radio */
        function() {
     
            changeRadioStart(jQuery(this));
            $('#part1 .niceRadio').click(function(){
                
                dc = $('.delivery_type:checked').val();
                total = $('#totalSum').attr('cart');
                deliv = $('#cost'+dc).attr('price');
                
                if (total && deliv) {
                    $('.totalSum').html(total*1 + deliv*1);
                }
            });
            
            
     
        });


});


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");
	
        isDelivery = el.hasClass('delivery_type'),
        isPayment = el.hasClass('payment_type');
	
        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>");
	
        isDelivery ? el.next().find("input").eq(0).addClass('delivery_type') : '';
        isPayment ? el.next().find("input").eq(0).addClass('payment_type') : '';
	
        /* если контрол 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))
        });
        el.next().find("input").eq(0).bind("change", function(e) {
            changeVisualRadio(jQuery(this))
        });
        if(jQuery.browser.msie)
        {
            el.next().find("input").eq(0).bind("click", function(e) {
                changeVisualRadio(jQuery(this))
            });	
        }
        el.remove();
    }
    catch(e)
    {
    // если ошибка, ничего не делаем
    }

    return true;
}