<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="320" minHeight="240" xmlns:pv3d="com.durej.pv3d.*" width="100%" height="100%" viewSourceURL="srcview/index.html">

    <fx:Script>
        <![CDATA[
            import mx.events.ColorPickerEvent;
            protected function zoom_changeHandler(event:Event):void
            {
                pv3d.camera.zoom = zoom.value;
            }

            protected function lightColor_changeHandler(event:ColorPickerEvent):void
            {
                pv3d.lightColor = Number(lightColor.value);
            }

        ]]>
    </fx:Script>

    <s:layout>
        <s:BasicLayout/>
    </s:layout>
    <s:Panel width="80%" height="80%" horizontalCenter="0" verticalCenter="0" title="Example of Papervision3D scene integrated into Sparks container" enabled="true">
        <s:layout>
            <s:VerticalLayout/>
        </s:layout>
    
        <s:Group x="0" y="0" width="100%" height="100%">
            <pv3d:BasicView3D id="pv3d" x="0" y="0" width="100%" height="100%"/>
            <s:HGroup width="96%" height="30" bottom="0" verticalAlign="middle" horizontalCenter="0">
                <mx:Label text="Camera Zoom :"/>
                <s:HSlider width="160" height="14"  minimum="10" maximum="200" value="25" stepSize="5" liveDragging="true" id="zoom" change="zoom_changeHandler(event)"/>
                <mx:Spacer width="100%" height="10"/>
                <mx:Label text="Light Color :"/>
                <mx:ColorPicker id="lightColor" selectedColor="0xFFFFFF" change="lightColor_changeHandler(event)"/>
            </s:HGroup>
        </s:Group>
    </s:Panel>
    
</s:Application>