$(function(){
    $('#CCSelectDiv').hide();
    //SetCC("off");
    $('#ccNote').css("color", "#CCCCCC");
    $('#wtNote').css("color", "#CCCCCC");
    $('#rmbCCNote').css("color", "#CCCCCC");
    $('#bankInfo').css("color", "#CCCCCC");

    var v = $('[id$=ByCheck]').get(0);
    if (v && v.checked) {
        SetPM("ck");
    }

    v = $('[id$=ByCreditCard]').get(0);
    if (v && v.checked) {
        SetPM("cc");
        v = $('[id$=CCOnline]').get(0);
        if (v && v.checked)
            SetCC("on");
        else
            SetCC("off");
    }

    v = $('[id$=ByWireTransfer]').get(0);
    if (v && v.checked) {
        SetPM("wt");
    }

    v = $('[id$=ByRMBWireTransfer]').get(0);
    if (v && v.checked) {
        SetRMBPM("wt");
    }

    v = $('[id$=ByRMBCreditCard]').get(0);
    if (v && v.checked) {
        SetRMBPM("cc");
    }

    $('[id$=ByCheck]').click(function() {
        if (this.checked) SetPM("ck");
    });
    $('[id$=ByCreditCard]').click(function() {
        if (this.checked) SetPM("cc");
        else $('#CCSelectDiv').hide();
    });
    $('[id$=ByWireTransfer]').click(function() {
        if (this.checked) SetPM("wt");
        else $('#wtNote').css("color", "#CCCCCC");
    });
    $('[id$=CCOnline]').click(function() {
        if (this.checked) SetCC("on");
        else SetCC("off");
    });
    $('[id$=CCOffline]').click(function() {
        if (this.checked) SetCC("off");
        else $('#ccNote').css("color", "#CCCCCC");
    });
    $('[id$=ByRMBWireTransfer]').click(function() {
        if (this.checked) SetRMBPM("wt");
        else $('#bankInfo').css("color", "#CCCCCC");
    });
    $('[id$=ByRMBCreditCard]').click(function() {
        if (this.checked) SetRMBPM("cc");
        else $('#rmbCCNote').css("color", "#CCCCCC");
    });
});

function SetPM(t) {
    if (t == "ck") {
        $('[id$=ByCreditCard]').removeAttr("checked");
        $('[id$=ByWireTransfer]').removeAttr("checked");
        $('#CCSelectDiv').hide();
        $('#wtNote').css("color", "#CCCCCC");
    } else if (t == "cc") {
        $('[id$=ByCheck]').removeAttr("checked");
        $('[id$=ByWireTransfer]').removeAttr("checked");
        $('#CCSelectDiv').show();
        $('#wtNote').css("color", "#CCCCCC");
    } else if (t == "wt") {
        $('[id$=ByCheck]').removeAttr("checked");
        $('[id$=ByCreditCard]').removeAttr("checked");
        $('#CCSelectDiv').hide();
        $('#wtNote').css("color", "black");
    }
}
function SetCC(t) {
    if (t == "on") {
        $('[id$=CCOffline]').removeAttr("checked");

        $('[id$=CCType]').removeAttr("disabled");
        $('[id$=CCExpMonth]').removeAttr("disabled");
        $('[id$=CCExpYear]').removeAttr("disabled");
        $('[id$=CCAcount]').removeAttr("disabled");
        $('[id$=CCHolder]').removeAttr("disabled");
        $('#ccNote').css("color", "#CCCCCC");
    } else if( t == "off") {
        $('[id$=CCOnline]').removeAttr("checked");

        $('[id$=CCType]').attr("disabled", "disabled");
        $('[id$=CCExpMonth]').attr("disabled", "disabled");
        $('[id$=CCExpYear]').attr("disabled", "disabled");
        $('[id$=CCAcount]').attr("disabled", "disabled");
        $('[id$=CCHolder]').attr("disabled", "disabled");
        $('#ccNote').css("color", "black");
    }
}
function SetRMBPM(t) {
    if (t == "cc") {
        $('[id$=ByRMBWireTransfer]').removeAttr("checked");
        $('#rmbCCNote').css("color", "black");
        $('#bankInfo').css("color", "#CCCCCC");
    } else if (t == "wt") {
        $('[id$=ByRMBCreditCard]').removeAttr("checked");
        $('#rmbCCNote').css("color", "#CCCCCC");
        $('#bankInfo').css("color", "black");
    }
}