(function () {

		var ButtonGroup = YAHOO.widget.ButtonGroup;


        // "checkedButtonChange" event handler for each ButtonGroup instance

        var onCheckedButtonChange = function (p_oEvent) {

            if(p_oEvent.prevValue) {

                YAHOO.log(p_oEvent.prevValue.get("name"), "info", "example4");
            
            }
            
            if(p_oEvent.newValue) {

                YAHOO.log(p_oEvent.newValue.get("name"), "info", "example4");

            }
        
        };


        // "contentready" event handler for the "radiobuttonsfrommarkup" <fieldset>    

        YAHOO.util.Event.onContentReady("radiobuttonsfrommarkup", function () {

            var oButtonGroup1 = new ButtonGroup("buttongroup1");
            oButtonGroup1.on("checkedButtonChange", onCheckedButtonChange);

            var oButtonGroup2 = new ButtonGroup("buttongroup2");
            oButtonGroup2.on("checkedButtonChange", onCheckedButtonChange);
        
        
        });


        // Create a ButtonGroup without using existing markup

        var oButtonGroup3 = new ButtonGroup({ id:  "buttongroup3", name:  "radiofield3", container:  "radiobuttonsfromjavascript", usearia: true });

        oButtonGroup3.addButtons([

            { label: "Radio 9", value: "Radio 9", checked: true },
            { label: "Radio 10", value: "Radio 10" }, 
            { label: "Radio 11", value: "Radio 11" }, 
            { label: "Radio 12", value: "Radio 12" }

        ]);
        
        oButtonGroup3.on("checkedButtonChange", onCheckedButtonChange);
    
    }());