<?xml version="1.0" encoding="utf-8" ?>
<Layout rotation="0" preload="PlayMenu,Options,Credits">

    <Properties>
        <Property key="hide_ms_ad">1</Property>
    </Properties>

    <BkgImage name="bkg" image="bkg.png"/>

    <GPSharedActions>
        <Action type="0" btn="12" cmd="press"/>
    </GPSharedActions>

    <GPToolbarController>
        <Action type="0" btn="0" cmd="left"/>
        <Action type="0" btn="1" cmd="right"/>
        <Action type="0" btn="12" cmd="press"/>

        <Container class="GPButtonsContainer"/>

        <Item path="../*/facebook" scale="1 1"/>
        <Item path="../*/twitter" scale="1 1"/>
        <Item path="../*/friend" scale="1 1"/>
    </GPToolbarController>

    <SelectorController>
        <Action type="1" axis="0" use_val="1" val="-0.5" cmd="left"/>
        <Action type="1" axis="0" use_val="1" val="0.5" cmd="right"/>
        <Action type="0" btn="12" cmd="press"/>

        <Container class="GPButtonsContainer"/>

        <Item path="../*/options" scale="2.2 2.2"/>
        <Item path="../*/play" scale="2.7 2.7" def="1"/>
        <Item path="../*/unlock" scale="2.2 2.2"/>
        <Item path="../*/credits" scale="2.2 2.2"/>
        <Item path="../*/exit" scale="2.2 2.2"/>
    </SelectorController>

    <SkeletonWidget x="850" y="400" data="data/spine/MM_2048x1536.json" atlas="main_menu/spine/MM_2048x1536.atlas" base_scale="2">
        <Scenario>
            [
            {
            "id": "add",
            "ani": "sculls",
            "loop": true,
            },
            ]
        </Scenario>
    </SkeletonWidget>


    <Image name="lightning_01" x="203" y="134" image="lightning_01.png">

        <AnimController autoPlay="1">
            <ActionChain>
                <EfxColor duration="0" to="00FFFFFF" />
            </ActionChain>
        </AnimController>

        <AnimController handler="anim_lightning_01" autoPlay="1">
            <ActionChain>
                <EfxColor duration="0.2" from="00FFFFFF" to="FFFFFFFF" />
                <EfxColor duration="0.2" from="FFFFFFFF" to="00FFFFFF" />
                <EfxSendCmd handler="anim_lightning_02" cmd="play"/>
            </ActionChain>
        </AnimController>
    </Image>

    <Image name="lightning_02" x="206" y="90" image="lightning_02.png">

        <AnimController autoPlay="1">
            <ActionChain>
                <EfxColor duration="0" to="00FFFFFF" />
            </ActionChain>
        </AnimController>

        <AnimController handler="anim_lightning_02" autoPlay="0">
            <ActionChain>
                <EfxColor duration="0.2" from="00FFFFFF" to="FFFFFFFF" />
                <EfxColor duration="0.2" from="FFFFFFFF" to="00FFFFFF" />
                <EfxSendCmd handler="anim_lightning_03" cmd="play"/>
            </ActionChain>
        </AnimController>
    </Image>
    <Image name="lightning_03" x="193" y="110" image="lightning_03.png">

        <AnimController autoPlay="1">
            <ActionChain>
                <EfxColor duration="0" to="00FFFFFF" />
            </ActionChain>
        </AnimController>

        <AnimController handler="anim_lightning_03" autoPlay="0">
            <ActionChain>
                <EfxColor duration="0.2" from="00FFFFFF" to="FFFFFFFF" />
                <EfxColor duration="0.2" from="FFFFFFFF" to="00FFFFFF" />
                <EfxWait delay="0.8"/>
                <EfxSendCmd handler="anim_lightning_01" cmd="play"/>
            </ActionChain>
        </AnimController>
    </Image>

    <Widget name="mainmenu_content" x="0" y="0">

        <Particles name="ps_fire" x="750" y="400" file="win8_main_menu_dd.ps" visible="0">
            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxWait range="0.5 2.0"/>
                    <EfxVisible visible="1"/>
                </ActionChain>
            </AnimController>
        </Particles>

        <aImage name="name_of_game" image="name_of_game.png" color="00ffffff" xml="anim_show_name.xml" />
        
        <Image name="devil" x="160" y="-100" image="devil.png" scale="0.75"/>
        <Image name="name_of_game" x="551" y="138" image="name_of_game.png" xml="anim_show_name.xml" scale="0.4"/>

        
        <Image show_if="$device.getGameType == f2p" name="version_f2p" x="562" y="498" image="version_f2p.png" xml="anim_show_name.xml"/>
        <Image show_if="$device.getGameType == free" name="version_free" x="562" y="498" image="version_free.png" xml="anim_show_name.xml"/>
        <Image show_if="$device.getGameType == trial" name="version_trial" x="562" y="498" image="version_trial.png" xml="anim_show_name.xml"/>

        <Widget name="main_menu" x="0" y="90">

        <Image name="menu_bkg" x="475" y="281" width="621" height="723" image="shadow_mm_under_btn.png"  color="#a0ffffff" />
        <aImage name="menu_bkg" x="475" y="281" width="521" height="723" image="shadow_mm_under_btn.png" color="#20ffffff" />

         <SelectableButton name="play" x="570" y="500" >               
                <Event id="event_play_click">{}</Event>
                 <Click cmd="layout" param="PlayMenu">                    
                    <Param value="crossfademainmenu"/>
                </Click>
                
               <Widget name="select_effect" x="156" y="22" width="320" height="40" >
                    <SkeletonWidget x="0" y="0" data="data/spine/select_btn_mm_dd.json" atlas="main_menu/spine/select_btn_mm_dd.atlas" base_scale="1.5">                    
                        <Scenario>
                            [
                            {
                            "id": "play",
                            "ani": "idle_02",
                            "loop": true,
                            },

                            ]
                        </Scenario>
                    </SkeletonWidget>
                </Widget>


                
                <Widget name="text_play" x="0" y="0">
                    <Text name="text_play_b" x="0" y="3" width="320" height="40" font="large" text="MAINMENU_SCR_PLAY_BTN" color="30000000" align="C"  />
                    <Text name="text_play_w" width="320" height="40" font="large" text="MAINMENU_SCR_PLAY_BTN" color="FFF0F0F0" align="C"  />
                </Widget>
                <Properties>
                    <Property key="sfx_btn_hover">button_hover</Property> scalable
                    <Property key="scalable">1</Property>
                </Properties>
                
                
                
            </SelectableButton>

        <SelectableButton name="options" x="620" y="565">
                <Click cmd="layout" param="Options">
                    <Param value="crossfade"/>
                </Click>
                
                <Widget name="select_effect" x="100" y="30" visible="0">
                    <SkeletonWidget x="0" y="0" data="data/spine/select_btn_mm_dd.json" atlas="main_menu/spine/select_btn_mm_dd.atlas" base_scale="1.5">                    
                        <Scenario>
                            [
                            {
                            "id": "play",
                            "ani": "idle_02",
                            "loop": true,
                            },

                            ]
                        </Scenario>
                    </SkeletonWidget>
                </Widget>
                
                <Widget name="text_options" x="0" y="0">
                    <Text name="text_options_b" x="0" y="3" width="220" height="40" font="pmenu_big" text="MAINMENU_SCR_OPTIONS_BTN" align="C" color="30000000"/>
                    <Text name="text_options_w" width="220" height="40" font="pmenu_big" text="MAINMENU_SCR_OPTIONS_BTN" align="C" color="FFF0F0F0"/>
                </Widget>
                <Properties>
                    <Property key="sfx_btn_hover">button_hover</Property>
                    <Property key="scalable">1</Property>
                </Properties>
            </SelectableButton>

        <SelectableButton name="exit" x="620" y="620" visible="1">

                <Click cmd="exit" handler="" />

                 <Widget name="select_effect" x="100" y="30" visible="0">
                    <SkeletonWidget x="0" y="0" data="data/spine/select_btn_mm_dd.json" atlas="main_menu/spine/select_btn_mm_dd.atlas" base_scale="1.5">                    
                        <Scenario>
                            [
                            {
                            "id": "play",
                            "ani": "idle_02",
                            "loop": true,
                            },

                            ]
                        </Scenario>
                    </SkeletonWidget>
                </Widget>
                
                <Widget name="text_exit" >
                    <Text name="text_exit_b" x="0" y="3" width="220" height="40" font="pmenu_big"  text="MAINMENU_SCR_EXIT_BTN"  align="C" color="30000000"/>
                    <Text name="text_exit_w" width="220" height="40" font="pmenu_big"  text="MAINMENU_SCR_EXIT_BTN"  align="C" color="FFF0F0F0"/>
                </Widget>

                <Properties>
                    <Property key="sfx_btn_hover">button_hover</Property>
                    <Property key="scalable">1</Property>
                </Properties>
            </SelectableButton>

        
            <MainMenuPromoWidget x="-20" y="22" visible="0">
                <Image name="promo_image" x="0" y="0"  image="/featured/banner_god.png"  />
            </MainMenuPromoWidget>
        </Widget>
    </Widget>

    <VersionWidget screen_align="WS" x="0" y="-5" font="small" color="80808080"/>

    <GPPanel x="110" y="650">
        <GPPanelIcon x="0" y="0" alias="navigate" auto_visible="0" create_if="$device.getStore !@ tricolor"/>
        <GPPanelIcon x="40" y="0" alias="ls" auto_visible="0"/>
        <GPPanelIcon x="100" y="0" alias="btn_a" auto_visible="0"/>
    </GPPanel>

    <AnimController autoPlay="1">
        <ActionChain>
            <EfxSendCmd cmd="music_set_pl" param="Menu"/>
            <EfxPlaySound sound="ui_main_menu_01"/>
            <EfxSendEvent event="event_main_menu_didappear"/>
        </ActionChain>
    </AnimController>
</Layout>
