<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute" xmlns:flexer="com.flexer.MatrixGrid.*"
    creationComplete="start()" width="520" height="745">
    <mx:TextArea x="10" y="10" width="500" height="200" id="indata">
        <mx:text>
            <![CDATA[<matrix>
    <row id="lid1">
        <column id="cid1">q1</column>
        <column id="cid2"></column>
        <column id="cid3">c</column>
        <column id="cid4">d</column>
        <column id="cid5">q1</column>
        <column id="cid6">q1</column>
        <column id="cid7">q1</column>
    </row>
    <row id="lid2">
        <column id="cid1">q1</column>
        <column id="cid2"></column>
        <column id="cid3">c</column>
        <column id="cid4">d</column>
        <column id="cid5">q1</column>
        <column id="cid6">q1</column>
        <column id="cid7">q1</column>
    </row>
    <row id="lid3">
        <column id="cid1">q1</column>
        <column id="cid2">b</column>
        <column id="cid3">c</column>
        <column id="cid4">d</column>
        <column id="cid5">q1</column>
        <column id="cid6">q1</column>
        <column id="cid7">q1</column>
    </row>
    <row id="lid4">
        <column id="cid1">q1</column>
        <column id="cid2">b</column>
        <column id="cid3">c</column>
        <column id="cid4">d</column>
        <column id="cid5">q1</column>
        <column id="cid6">q1</column>
        <column id="cid7">q1</column>
    </row>
    <row id="lid5">
        <column id="cid1">q1</column>
        <column id="cid2">b</column>
        <column id="cid3">c</column>
        <column id="cid4">d</column>
        <column id="cid5">q1</column>
        <column id="cid6">q1</column>
        <column id="cid7">q1</column>
    </row>
    <row id="lid6">
        <column id="cid1">q1</column>
        <column id="cid2">b</column>
        <column id="cid3">c</column>
        <column id="cid4">d</column>
        <column id="cid5">q1</column>
        <column id="cid6">q1</column>
        <column id="cid7">q1</column>
    </row>
    <row id="lid7">
        <column id="cid1">q1</column>
        <column id="cid2">b</column>
        <column id="cid3">c</column>
        <column id="cid4">d</column>
        <column id="cid5">q1</column>
        <column id="cid6">q1</column>
        <column id="cid7">q1</column>
    </row>
    <row id="lid8">
        <column id="cid1">q1</column>
        <column id="cid2">b</column>
        <column id="cid3">c</column>
        <column id="cid4">d</column>
        <column id="cid5">q1</column>
        <column id="cid6">q1</column>
        <column id="cid7">q1</column>
    </row>
    <row id="lid9">
        <column id="cid1">q1</column>
        <column id="cid2">b</column>
        <column id="cid3">c</column>
        <column id="cid4">d</column>
        <column id="cid5">q1</column>
        <column id="cid6">q1</column>
        <column id="cid7">q1</column>
    </row>
</matrix>]]>
        </mx:text>
    </mx:TextArea>
    <mx:Button horizontalCenter="0" y="218" label="SetData"
        click="handleSetClick(event)"/>
    <flexer:MatrixGrid id="mdg"
        width="500" height="250" x="10" y="248"/>
    <mx:Button horizontalCenter="0" y="506" label="GetData"
        click="handleGetClick(event)"/>
    <mx:TextArea id="debug" x="10" y="536" width="500" height="200"/>
    <mx:Script>
        <![CDATA[
            import mx.utils.ObjectUtil;
            import com.flexer.Debug;
            import mx.charts.chartClasses.DualStyleObject;
 
            private function xml2Matrix(x:XML):Object
            {
                var retObj:Object = new Object();
                for each (var item:XML in x.children())
                {
                    var rowName:String = item.attribute("id").toString();
                    retObj[rowName] = new Object();
                    for each (var item2:XML in item.children())
                    {
                        var colName:String = item2.attribute("id").toString();
                        retObj[rowName][colName] = item2.toString();
                    }
                }
                return retObj;
            }
 
            private function start():void
            {
                // our matrix
                // every item is defined by coordinates 
                // like this: (rowId, colId)
                var testdata:Object = xml2Matrix(new XML(indata.text));
                // the left header
                // contains pairs of: (rowName, rowId)
                var leftHeader:Object = {
                    "lid1":"row1",
                    "lid2":"row3",
                    "lid3":"row3",
                    "lid4":"row3",
                    "lid5":"row3",
                    "lid6":"row6",
                    "lid7":"row7",
                    "lid8":"row8",
                    "lid9":"row9"
                };
                // the top header 
                // contains pairs of: (columnName, columnId)
                var topHeader:Object = {
                    "cid1":"col1",
                    "cid2":"col1",
                    "cid3":"col1",
                    "cid4":"col4",
                    "cid5":"col5",
                    "cid6":"col6",
                    "cid7":"col7"
                }
                // possible values for comboboxes
                var _possibleValues:Array = [
                    {data:"",label:""},
                    {data:"q1",label:"v1"},
                    {data:"b",label:"v2"},
                    {data:"c",label:"v3"},
                    {data:"d",label:"v4"}
                ];
                // setting the left header width
                mdg.leftHeaderWidth = 150;
                // setting the possible values for comboboxes
                mdg.possibleValues = _possibleValues;
                // setting the left header
                // the leftheader is an object that 
                // contains pairs of: (rowName, rowId)
                mdg.leftHeader = leftHeader;
                // setting the top header
                // the top header is an object that 
                // contains pairs of: (columnName, columnId)
                mdg.topHeader = topHeader;
                // setting our matrix
                // every item is defined by coordinates 
                // like this: (rowId, colId)
                mdg.matrix = testdata;
            }
 
            private function handleSetClick(e:MouseEvent):void
            {
                mdg.matrix = xml2Matrix(new XML(indata.text));
            }
 
            private function handleGetClick(e:MouseEvent):void
            {
                var newData:Object = mdg.matrix;
                debug.text = Debug.dump(newData);
            }
        ]]>
    </mx:Script>
</mx:Application>

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute" width="500" height="400"
    creationComplete="start()">
    <mx:TextArea id="debugTA" x="10" y="10" 
        width="480" height="380"/>
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import com.flexer.Debug;
 
            private var testdata:Object;
 
            private function start():void
            {
                // even though the object is created like here
                // the order does not reflect the order of
                // creation - the order is somehow made internally 
                testdata = new Object();
                testdata["row1"] = {
                    "col1":"a",
                    "col2":{
                        "12":"12",
                        "13":[1,2,3,4]
                    },
                    "col3":"c",
                    "col4":"d"
                };
                testdata["row2"] = new XML();
                testdata["row2"] = <test><tag1 att="att">val</tag1></test>;
                testdata["row3"] = {"col1":"a","col2":"b","col3":"c","col4":"d"};
                testdata["row4"] = {"col1":"a","col2":"b","col3":"c","col4":"d"};
                testdata["row5"] = new Array();
                testdata["row5"] = ["a","b","c","d"];
                testdata["row6"] = {"col1":"a","col2":"b","col3":"c","col4":"d"};
                // calling debug.dump
                debugTA.text = Debug.dump(testdata,3,5.5);
            }
        ]]>
    </mx:Script>
</mx:Application>

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    backgroundGradientColors="[#dddddd,#dddddd]"
    layout="absolute" 
    width="500"
    height="600"
    creationComplete="start()">
    <mx:UIComponent id="mainUI" 
        width="500" height="500"/>
    <mx:Script>
        <![CDATA[
 
            import five3D.typography.HelveticaBold;
            import five3D.utils.Drawing;
            import five3D.display.Scene3D;
            import five3D.display.DynamicText3D;
            import five3D.display.Shape3D;
            import five3D.display.Sprite3D;
 
            import gs.TweenLite;
            import caurina.transitions.Tweener;
            import fl.transitions.Tween;
            // we will use Exponential.easeOut 
            // function in tweening
            import mx.effects.easing.Exponential;
 
            private var scene3D:Scene3D;
            private var sprite3D:Sprite3D;
            private var star3d:Shape3D;
            private var flexerWord:DynamicText3D;
            private var hiWord:DynamicText3D;
 
            // start drawing
            private function start():void
            {
                // create the scene
                scene3D = new Scene3D();
                scene3D.x = 250;
                scene3D.y = 250;
                // create the round rectangle/square
                sprite3D = new Sprite3D();
                sprite3D.graphics3D.beginFill(0x000000);
                sprite3D.graphics3D.drawRoundRect(-150,-150,300,300,40,40);
                sprite3D.graphics3D.endFill();
                // rotate the round rectangle/square randomly
                sprite3D.rotationX = Math.random()*100-50;
                sprite3D.rotationY = Math.random()*100-50;
                sprite3D.rotationZ = Math.random()*100-50;
                // create the star
                star3d = new Shape3D();
                Drawing.star(star3d.graphics3D,20,60,50,0,0x6699cc);
                star3d.x = 120;
                star3d.y = -80;
                // rotate the start
                star3d.addEventListener(Event.ENTER_FRAME,
                    function (event:Event):void {
                        // rotate on Z axe 
                        event.target.rotationZ++; 
                    }
                );
                // "fxr" word
                flexerWord = new DynamicText3D(HelveticaBold);
                flexerWord.size = 45;
                flexerWord.color = 0xFFFFFF;
                flexerWord.text = "Fxr";
                flexerWord.x = 88;
                flexerWord.y = -110;
                // "hi" word
                hiWord = new DynamicText3D(HelveticaBold);
                hiWord.size = 100;
                hiWord.color = 0x555555;
                hiWord.text = "Hi!";
                hiWord.x = -112;
                hiWord.y = -34;
                // click event on the round rectangle/square
                sprite3D.addEventListener(MouseEvent.CLICK,handleSquareClick);
                sprite3D.mouseChildren = false;
                sprite3D.buttonMode = true;
                // adding scene to the main UI component
                mainUI.addChild(scene3D);
                // adding round rectangle/square to the scene
                scene3D.addChild(sprite3D);
                // adding the start to the round rectangle/square
                sprite3D.addChild(star3d);
                // adding "fxr" word to the round rectangle/square
                sprite3D.addChild(flexerWord);
                // adding "hi" word to the round rectangle/square
                sprite3D.addChild(hiWord);
            }
 
            private function handleSquareClick(event:MouseEvent):void
            {
                // rotate the round rectangle/square randomly
                // all 3 axes
                switch (whichTween.selectedValue)
                {
                    case "notween":
                    {
                        // no tween
                        event.target.rotationX = Math.random()*100-50;
                        event.target.rotationY = Math.random()*100-50;
                        event.target.rotationZ = Math.random()*100-50;
                        break;
                    }
                    case "tweenlite":
                    {
                        // using TweenLite
                        TweenLite.to(
                            // target object
                            event.target,
                            // duration
                            1.5,
                            {
                                // target property: value
                                rotationX:Math.random()*100-50,
                                // target property: value
                                rotationY:Math.random()*100-50,
                                // target property: value
                                rotationZ:Math.random()*100-50,
                                // easing function
                                ease:Exponential.easeOut
                            }
                        );
                        break;
                    }
                    case "tweener":
                    {
                        // using Tweener
                        Tweener.addTween(
                            // target object
                            event.target,
                            {
                                // target property: value
                                rotationX:Math.random()*100-50,
                                // target property: value
                                rotationY:Math.random()*100-50,
                                // target property: value
                                rotationZ:Math.random()*100-50,
                                // duration
                                time:1.5,
                                // easing function
                                transition:"easeoutexponential"
                            }
                        );
                        break;
                    }
                    case "fltransition":
                    {
                        // using fl.transition from Flash 
                        // CS3 Actionscript 3 Framework
                        var xTween:Tween = new Tween(
                            event.target /* target object */,
                            "rotationX" /* target property */,
                            Exponential.easeOut /* easing function */,
                            event.target.rotationX /* start point */,
                            Math.random()*100-50 /* end point */,
                            1.5 /*duration in seconds */,
                            true /* use seconds */
                        );
                        xTween.start();
                        var yTween:Tween = new Tween(
                            event.target /* target object */,
                            "rotationY" /* target property */,
                            Exponential.easeOut /* easing function */,
                            event.target.rotationY /* start point */,
                            Math.random()*100-50 /* end point */,
                            1.5 /*duration in seconds */,
                            true /* use seconds */
                        );
                        yTween.start();
                        var zTween:Tween = new Tween(
                            event.target /* target object */,
                            "rotationZ" /* target property */,
                            Exponential.easeOut /* easing function */,
                            event.target.rotationZ /* start point */,
                            Math.random()*100-50 /* end point */,
                            1.5 /*duration in seconds */,
                            true /* use seconds */
                        );
                        zTween.start();
                        break;
                    }
                }
            }
 
        ]]>
    </mx:Script>
    <mx:RadioButtonGroup id="whichTween"/>
    <mx:RadioButton x="10.0" y="572" label="No Tween" groupName="whichTween" 
        value="notween" selected="true"/>
    <mx:RadioButton x="105" y="572" label="TweenLite" groupName="whichTween" 
        value="tweenlite"/>
    <mx:RadioButton x="202" y="572" label="fl.transition" groupName="whichTween" 
        value="fltransition"/>
    <mx:RadioButton x="307" y="572" label="Tweener" groupName="whichTween" 
        value="tweener"/>
</mx:Application>