<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute" 
    width="200" 
    height="300" creationComplete="init()" viewSourceURL="srcview/index.html">
    
    <mx:Style source="poll.css" />
    <mx:Script source="poll.as" /> 
    
    <mx:HTTPService id="hrqPoll" url="http://leonardo.kreativ.ro/sources/flex/poll/bin/poll.php" method="POST" requestTimeout="5" showBusyCursor="true" result="httpResult(event)" fault="httpFault(event)" resultFormat="flashvars"/>

    <mx:Panel id="pnlPoll" label="0" title="{pollTitle}" height="98%" width="98%" y="1" x="1" paddingLeft="0" paddingRight="0" paddingBottom="0" paddingTop="0">
        <mx:Text paddingLeft="5" paddingBottom="0" paddingTop="0" paddingRight="5" styleName="title" width="100%" id="txtQuestion">
            <mx:text>{pollQuestion}</mx:text>
        </mx:Text>

        <mx:ViewStack id="vstPoll" borderStyle="none" width="100%" height="100%" change="viewChange(event)" paddingLeft="0" paddingRight="0" paddingBottom="0" paddingTop="0">
            <mx:Canvas horizontalScrollPolicy="off" verticalScrollPolicy="off" id="cvsPollVote" width="100%" height="100%">
                <mx:Box horizontalScrollPolicy="off" verticalScrollPolicy="auto" direction="vertical" paddingRight="0" paddingLeft="5" width="98%" height="100%">
                    <mx:HRule width="100%" height="2"/>      
                    <mx:VBox horizontalScrollPolicy="off" verticalScrollPolicy="auto" width="100%" height="165" id="vbxPollVote">
                        <mx:Repeater id="rptPollOptions" width="100%">
                            <mx:HBox width="100%"  paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0">
                                <mx:Box visible="{(pollType=='single')?true:false}" paddingLeft="{(pollType=='single')?0:-10}">
                                    <mx:RadioButton width="7" height="7" value="{rptPollOptions.currentItem.id}" click="radiobuttonClick(event)"  paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"/>
                                </mx:Box>
                                <mx:Box visible="{(pollType=='multiple')?true:false}" paddingLeft="{(pollType=='multiple')?0:-10}">
                                <mx:CheckBox width="7" height="7" data="{rptPollOptions.currentItem.id}" click="checkboxClick(event)"  paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"/>
                                </mx:Box>
                                <mx:Text width="100%" paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0">
                                    <mx:text>{rptPollOptions.currentItem.title}</mx:text>
                                </mx:Text>
                            </mx:HBox>
                        </mx:Repeater>    
                    </mx:VBox>
                     <mx:HRule width="100%" height="2" />
                    <mx:HBox width="100%">
                        <mx:Button styleName="button" id="btnVote" label="Vote" click="processVote()"/>
                        <mx:Button styleName="button" id="btnViewResults" label="Results" click="showPollResults()"/>
                    </mx:HBox>
                </mx:Box>
            </mx:Canvas>

            <mx:Canvas horizontalScrollPolicy="off" verticalScrollPolicy="off" id="cvsPollResults" width="100%" height="100%" paddingRight="0" paddingLeft="0" paddingBottom="0" paddingTop="0">
                <mx:Box horizontalScrollPolicy="off" verticalScrollPolicy="off" direction="vertical" paddingRight="0" paddingLeft="5" width="98%">
                    <mx:HRule width="100%" height="2"/>      
                    <mx:VBox horizontalScrollPolicy="off" verticalScrollPolicy="auto" width="100%" height="165" id="vbxPollResults" paddingRight="0" paddingLeft="0" paddingBottom="0" paddingTop="0">
                        <mx:Repeater id="rptPollResults" dataProvider="{pollOptions}" width="100%">
                            <mx:Text paddingRight="0" paddingLeft="0" paddingBottom="0" paddingTop="0" width="100%">
                                <mx:text>{rptPollResults.currentItem.title}</mx:text>
                            </mx:Text>
                            <mx:HBox width="100%" paddingRight="0" paddingLeft="0" paddingBottom="0" paddingTop="0">
                                <mx:Button styleName="bar" label="{rptPollResults.currentItem.votes}" width="{rptPollResults.currentItem.percents}" height="15" paddingRight="0" paddingLeft="0" paddingBottom="0" paddingTop="0"/>
                                <mx:Label width="45" text="{rptPollResults.currentItem.percents}%" paddingRight="0" paddingLeft="0" paddingBottom="0" paddingTop="0"/>
                            </mx:HBox>
                        </mx:Repeater>
                    </mx:VBox>
                      <mx:HRule width="100%" height="2"/>
                     <mx:HBox width="100%" id="hbxViewVote">
                        <mx:Button styleName="button" id="btnViewVote" visible="true" label="Back to vote" click="showPollVote()"/>
                    </mx:HBox>
                </mx:Box>
            </mx:Canvas>
        </mx:ViewStack>
    </mx:Panel>
</mx:Application>