var rbs = ['rbStone','rbZodiac','rbChakra','rbElement'];
var dds = ['ddStone','ddZodiac','ddChakra','ddElement'];
    
function SelectProperty() {

    for (i=0;i<dds.length;i++) {
        $(rbs[i]).setProperty('checked', '');
        $(dds[i]).setProperty('disabled', 'true');
    }
    
    $(this).setProperty('checked', 'true');
    dd = $(this).getNext().getNext().getNext();
    dd.setProperty('disabled', '');    
    
    if ($(this).getProperty('value') == 'StoneCode') {
        $('hidPropName').setProperty('value', $(this).getProperty('value'));
        $('hidPropData').setProperty('value', dd.getProperty('value'));
    }
    else {
        $('hidPropName').setProperty('value', dd.getProperty('value'));
        $('hidPropData').setProperty('value', $(this).getProperty('value'));
    }
}

function UpdateSelection() {
    rb = $(this).getPrevious().getPrevious().getPrevious();
    if ($(rb).getProperty('value') == 'StoneCode') {
        $('hidPropData').setProperty('value', $(this).getProperty('value'));
    }
    else {
        $('hidPropName').setProperty('value', $(this).getProperty('value'));
    }
}

function init() {
    $('hidPropName').setProperty('value', $('rbStone').getProperty('value'));
    $('hidPropData').setProperty('value', $('ddStone').getProperty('value'));
    
    for (i=0;i<rbs.length;i++) {
        $(rbs[i]).addEvent('click', SelectProperty);
        if ($(rbs[i]).getProperty('checked') == 'true') {
            $(dds[i]).setProperty('disabled', '');
        }
        else {
            $(dds[i]).setProperty('disabled', 'true');
        }
        $(dds[i]).addEvent('change', UpdateSelection);
    }
    
    $(rbs[0]).setProperty('checked', 'true');
    $(dds[0]).setProperty('disabled', '');
}

window.addEvent('domready', function(){
    init();
});